前言:
记录一下今天在开发中遇到的elementUI dialog组件问题:
问题描述:
使用Dialog组件,当对话框弹出时,被一层阴影遮盖。如图:
原因分析:
-
可能原因一:嵌套使用dialog 对于确实需要嵌套 Dialog 的场景,elementUI官方提供了append-to-body属性。将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确
-
可能原因之二:当前vue文件中存在多个dialog组件,它们的
visible 是否显示 Dialog,支持 .sync 修饰符可能存在重复