vue项目中element-ui对话框el-dialog嵌套显示时多了一个遮罩层解决办法

在对话框里又嵌套了一个对话框展示时,多了一个遮罩层,如下图所示:

解决办法如下:

给对话框添加append-to-body 属性,参考以下代码:

javascript 复制代码
 <el-dialog :visible.sync="dialogVisible" append-to-body class="noBorder">
   <img width="100%" :src="dialogImageUrl" alt="">
 </el-dialog>

修改后的示意图如下:

相关推荐
居然是阿宋39 分钟前
TextView、AppCompatTextView和MaterialTextView该用哪一个?Android UI 组件发展史与演进对照表
android·ui
niuTaylor2 小时前
Photoshop基础操作全解析
ui·photoshop
共享ui设计和前端开发10 小时前
大数据驱动:UI设计如何更懂用户
大数据·ui
UI设计兰亭妙微11 小时前
能源监控软件UI界面设计:科技与美学的交融
科技·ui·能源
共享ui设计和前端开发人才12 小时前
UI设计中的色彩搭配:如何营造不同氛围?
ui
黄河里的小鲤鱼1 天前
使用Pycharm一键将.ui文件生成.py文件配置教程
ide·ui·pycharm
一个程序员(●—●)2 天前
拖拽实现+摇杆实现
ui·unity·c#
学海吾涯回头是俺2 天前
python——UI自动化(1) selenium之介绍和环境配置
python·ui·自动化
勘察加熊人2 天前
angular九宫格ui
javascript·ui·angular.js
代码CC2 天前
Vue.js+Element UI 登录界面开发详解【附源码】
前端·vue.js·ui·elementui