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>

修改后的示意图如下:

相关推荐
未来的嗒嘀嗒1 小时前
探秘Sketch及其替代者:设计软件精选指南
ui
墨笺染尘缘2 小时前
Unity——对RectTransform进行操作
ui·unity·c#·游戏引擎
Python图像识别-113 小时前
基于yolov8、yolov5的番茄成熟度检测识别系统(含UI界面、训练好的模型、Python代码、数据集)
python·yolo·ui
Xam_d_LM14 小时前
【Qt】在 Qt Creator 中使用图片资源方法(含素材网站推荐)
开发语言·c++·qt·ui·贴图·qt5
小丑西瓜6661 天前
qt ui设计案例--登录界面
qt·ui·c/c++·qss
内蒙深海大鲨鱼1 天前
qt之ui开发
数据库·qt·ui
鸿蒙自习室2 天前
鸿蒙UI开发——小图标的使用
ui·华为·harmonyos
边洛洛2 天前
使用element UI实现表格行/列合并
javascript·vue.js·ui·elementui
白总Server2 天前
Swagger UI
后端·ui·spring cloud·ribbon·架构·scala·1024程序员节
GDAL2 天前
在Photoshop中填充图层颜色
ui·photoshop