当我们在 element-ui 中使用弹窗嵌套弹窗时,会出现第二个弹窗打开时被一个遮罩层挡着,就像下面这样:
下面提供两种解决方案 :
一、第一种方案
我们查询element-ui 官网可以发现 el-dialog 有这样几个属性:
具体使用就是在第一个弹窗中设置 :modal-append-to-body="false" 和 :append-to-body="true",在第二个弹窗中设置 :append-to-body="true"
这样就能实现我们想要的效果了。
二、 第二种方案
我们可以把两个弹窗平级写在主页面中,并同时给2个弹窗设置 :append-to-body="true"文章来源:https://www.toymoban.com/news/detail-680462.html
文章来源地址https://www.toymoban.com/news/detail-680462.html
到了这里,关于element-ui 弹窗里面嵌套弹窗,解决第二个弹窗被遮罩层掩盖无法显示的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!