码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-06-05 10:24:35      阅读:340      评论:0      收藏:0      [点我收藏+]

标签:出现   弹框   net   body   vue   code   src   嵌套   show   

//开发项目时 页面中用到了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

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

标签:出现   弹框   net   body   vue   code   src   嵌套   show   

原文地址:https://www.cnblogs.com/hanhanours/p/13048143.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!