Vue+ElementUI中 el-dialog彈框蒙層問題

開發項目時 頁面中用到了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