问题描述:
在设置Dialog对话框的时候遮罩层覆盖全屏,期望实现的效果是对话框显示,对话框之外被遮罩层覆盖。
问题分析:
ElementUI官方文档中对于append-to-body属性描述:
Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true。
在嵌套Dialog场景中,将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确
问题解决:
在el-dialog标签中加上:append-to-body属性就解决了。