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>

修改后的示意图如下:

相关推荐
前端H6 小时前
生成式 UI 实战:AI 如何重塑前端界面
前端·人工智能·ui
全栈开发圈7 小时前
新书速览|ComfyUI工作流赋能Photoshop
ui·photoshop
招风的黑耳1 天前
从水电大屏到全行业通用方案:用Axure搭建可视化大屏原型的完整方法论
ui·axure·photoshop
LT10157974441 天前
2026年手机机型兼容性测试选型指南:安卓机型碎片化、APP闪退UI错乱如何解决
android·测试工具·ui·智能手机
Java面试题总结2 天前
C# 源生成器使用方法
windows·ui·c#
Fabarta技术团队3 天前
从 0 实现 ChatGPT 风格的流式对话 UI
ui·chatgpt
ndsc_d3 天前
10分钟搭建B端SaaS数据看板:Paico+TDesign+React实战复盘
前端·人工智能·react.js·ui·前端框架·aigc·tdesign
●VON3 天前
HarmonyKit | HarmonyOS Kit 模块化体系与零依赖架构实践
ui·华为·架构·harmonyos·鸿蒙·新特性
大意的鸡翅4 天前
[T1 Silverlight Training] Day 1 : Overview & UI Elements
ui