vue我的项目在执行动画之后再关上elementui的弹窗呈现了遮罩层挡住弹窗的bug,遮罩层是在body最外层的。

解决:

通过定位发现在弹窗的某一层父级中定义了这一个款式transform: translateX(0px);,尝试去掉了这个款式弹窗就失常了!

发现这个属性会影响外部元素的z-index属性生效,导致呈现了遮罩层挡住了弹窗。transform 慎用啊~