Vue+ElementUI中 el-dialog弹框蒙层问题

Posted 2020-12-08 hanhanours

//开发项目时 页面中用到了2个<el-dialog></el-dialog>弹框（或者是dialog中再嵌套dialog）会出现2个灰色蒙版层叠加，需要再点一下蒙层才会消失
用一个属性解决 :append-to-body="true"
详情转官网：https://element.eleme.cn/#/zh-CN/component/dialog

//代码中添加这个属性 就能取消了
<el-dialog :visible.sync="dialog.picPreview.show" :append-to-body="true">
  <img :src="dialog.picPreview.picSrc" class="img-preview" />
</el-dialog>　　

参考链接：https://blog.csdn.net/quKbin/article/details/83141137