参考:https://blog.csdn.net/hanxiaomo_/article/details/122188291 我的界面没有dialog嵌套dialog,只是在组件中打开dialog,不知道为什么会打开这个弹框之后就有一层遮罩,加了append-to-body之后就好了
如果我将外容器的层级调高就会出现div也在遮罩层上面显示的情况发生. 代码类似于下 <div style="position:'fixed'"> <el-buttontype="text"@click="dialogVisible = true">点击打开 Dialog</el-button> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> ...
①:使用element-ui自带的属性 modal-append-to-body设置为false即可 ②:给el-dialog的父元素添加z-index属性,要比遮罩层的大
解决方案:给el-dialog设置modal-append-to-body=“false”,使遮罩层插入至 Dialog 的父元素上。
如果我将外容器的层级调高就会出现div也在遮罩层上面显示的情况发生.代码类似于下<div style="position:'fixed'"><el-buttontype="text"@click="dialogVisible = true">点击打开 Dialog</el-button><el-dialog title="提示" :visible.sync="dialogVisible" width="30%" :before-close="handleClose"> <span...