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>

修改后的示意图如下:

相关推荐
CodeCraft Studio15 小时前
在 Python 中操作 Excel 文件的高效方案 —— Aspose.Cells for Python
python·ui·excel·报表·aspose·aspose.cells
界面开发小八哥2 天前
DevExtreme Angular UI控件更新:引入全新严格类型配置组件
前端·ui·界面控件·angular.js·devexpress
眠りたいです2 天前
Qt音频播放器项目实践:文件过滤、元数据提取与动态歌词显示实现
c++·qt·ui·音视频·媒体·qt5·mime
Jerry说前后端3 天前
Android 移动端 UI 设计:前端常用设计原则总结
android·前端·ui
传奇开心果编程3 天前
【传奇开心果系列】Flet框架实现的家庭记账本示例自定义模板
python·学习·ui·前端框架·自动化
公众号【林东笔记】获取资料4 天前
Adobe Photoshop 2024:软件安装包分享和详细安装教程
ui·adobe·photoshop
全栈软件开发4 天前
PHP域名授权系统网站源码_授权管理工单系统_精美UI_附教程
开发语言·ui·php·php域名授权·授权系统网站源码
John_ToDebug6 天前
深入解析 Chrome UI 布局配置的设计思想与实现机制
chrome·ui
代码小念6 天前
Pytest+selenium UI自动化测试实战实例(超详细)
selenium·ui·pytest
Aczone286 天前
Linux Framebuffer(帧缓冲)与基本 UI 绘制技术
linux·运维·ui