element ui 弹出组件的遮罩层以及多层遮罩解决办法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element ui 弹出组件的遮罩层以及多层遮罩解决办法相关的知识,希望对你有一定的参考价值。

参考技术A element ui 弹出组件的遮罩层以及多层遮罩解决办法

做项目中遇到两次弹出框遮罩层的问题。有嵌套的 弹出框。表单是一层弹框,然后图片放大是一层弹框,两层弹框同时出现就会出现下面问题

问题前

Dialog 对话框

https://element.eleme.cn/2.15/#/zh-CN/component/dialog#events

只要在第二次弹框上面加上属性

问题解决后

多层弹框加属性modal-append-to-body 就可以了

总之一句话,如果你打开弹出框之后有一层遮罩那么用 modal-append-to-body 可以解决。

如果是多层的话 用 append-to-body解决

以上是关于element ui 弹出组件的遮罩层以及多层遮罩解决办法的主要内容,如果未能解决你的问题,请参考以下文章

element ui el-dialog 中嵌套 el-dialog 出现的遮罩层如何关闭?

Element-UI多模态框改造(支持层级嵌套)

vue 如何设置点击空白处的遮罩层关闭弹窗

element-ui 弹出框在遮罩层下面

点击弹出居中带有透明遮罩层窗口:

CSS 半透明遮罩层