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>

修改后的示意图如下:

相关推荐
天天进步20156 小时前
UI-TARS 源码解析 #16:点击、双击、右键、悬停源码解析:GUI Agent 如何控制鼠标?
ui
小当家.1051 天前
Taste Skill:88KB 提示词如何让 AI 写的 UI 不再像流水线罐头
前端·人工智能·ui·skill
码云数智-大飞1 天前
iOS 卡顿排查指南:主线程阻塞与 UI 渲染优化实战
ui·ios
for_ever_love__1 天前
iOS:天气预报仿写总结
macos·ui·ios·objective-c·cocoa
天天进步20151 天前
UI-TARS 源码解析 #15:pyautogui 代码生成:模型动作如何变成真实鼠标键盘操作?
ui
UWA2 天前
1个额外相机、400个DrawCall:简单画面为何不简单
ui·rendering
满栀5852 天前
uni-app 小程序开发实战:从路由踩坑、数据对接到 UI 优化的全方位复盘
ui·uni-app·notepad++
派葛穆3 天前
Unity-UI 输入框功能
ui·unity·游戏引擎
绿浪19844 天前
WPF UI标准流水线
ui·wpf