记录一次很无语的事情。写Demo的时候整个前端模块所有主页上用的对话框它们的遮蔽层z-index全部失灵了。成了下面这样的效果
在这里插入图片描述

正常半透明黑色的遮蔽层应该是在对话框的下面,使用控制查看发现对话框和遮蔽层的z-index每次都不同,而且遮蔽层始终在上面。很无语,用git在不同版本之间排查,虽然找到了这个问题触发的文件,但是具体在哪里一行行的代码删着排查都没找到,中途改了个自定义css的文件名短暂的恢复了,过了几个版本又出现了,所以具体发生的实际原因没定位出来。不过还好最后找到了解决方法,就是指定对话框和遮蔽层都插到body里,就好了。

就是在el-dialog标签里面加上modal-append-to-body="true" append-to-body="true"

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐