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>

修改后的示意图如下:

相关推荐
星辰即远方15 小时前
UI学习2
学习·ui
for_ever_love__16 小时前
Objective-C学习UI 的初步了解(2)
学习·ui·objective-c
王夏奇1 天前
pythonUI界面弹窗设置的几种办法
python·ui
spencer_tseng1 天前
ride-hailing app UI
ui
AwesomeCPA2 天前
Miaoduo MCP 使用指南(VDI内网环境)
前端·ui·ai编程
hu55667982 天前
Photoshop(PS)蓝底和红底照片的CMYK值色值是多少
ui·photoshop
UXbot2 天前
AI原型设计工具评测:从创意到交互式Demo,5款产品全面解析
前端·ui·设计模式·ai·ai编程·原型模式
小樱花的樱花2 天前
打造高效记事本:UI设计到功能实现
开发语言·c++·qt·ui
小程故事多_802 天前
AI Coding 工程化革命,Superpowers 管流程,ui-ux-pro-max 管质感
人工智能·ui·架构·aigc·ai编程·ux·claude code
路过&2 天前
自制了一款字体点阵生成器
单片机·ui