element 的el-dialog 浮层嵌套,第二次弹出的会被遮住(双层嵌套)
困扰了很久的一个问题,就是用element-ui的浮层组件进行浮层嵌套时候,当子浮层关闭时,父级浮层上面会有一层灰色遮罩层
当关闭子级浮层后,父级浮层上面会有一层灰色蒙层
解决方式:
父级浮层设置:modal-append-to-body="false"属性,同时在子级浮层设置:modal-append-to-body=“true” append-to-body属性
代码如下
父级遮罩层
<el-dialog
custom-class="el-dialog-s"
class="abow_dialog"
:title="textName"
:visible.sync="dialogVisible"
width="90%"
:before-close="handleClose"
:append-to-body="true"
:modal-append-to-body="false">
自己遮罩层
<el-dialog
:title="title"
v-if="dialogVisible"
:visible.sync="dialogVisible"
:width="width" center
:close-on-click-modal="false"
:before-close="shut"
:append-to-body="true">
仅供参考
`