当我们在 element-ui 中使用弹窗嵌套弹窗时,会出现第二个弹窗打开时被一个遮罩层挡着,就像下面这样:
下面提供两种解决方案 :
一、第一种方案
我们查询element-ui 官网可以发现 el-dialog 有这样几个属性:
具体使用就是在第一个弹窗中设置 :modal-append-to-body="false" 和 :append-to-body="true",在第二个弹窗中设置 :append-to-body="true"
这样就能实现我们想要的效果了。
二、 第二种方案
我们可以把两个弹窗平级写在主页面中,并同时给2个弹窗设置 :append-to-body="true"