vue element ui 打开弹窗出现黑框问题

简介: vue element ui 打开弹窗出现黑框问题


问题描述

大家好!今天是2024年4月20日 | 农历三月十二,周六的我又做在公司里面写起了代码

今天在做项目的时候遇到一个奇怪的问题,如下图所示:

因为这个页面我做了两个弹框,先弹出来第一个弹框,然后再通过第一个弹框打开第二个弹框,当打开第二个弹框的时候,就会出现一个黑色的框,当你鼠标在点击一下的时候就消失了

当时我满脑子都是问号????这是咋回事,应该查找资料,最后完美解决,解决方案如下:

解决方案

el-dialog代码块中添加append-to-body属性

如果需要在一个 Dialog 内部嵌套另一个 Dialog,需要使用 append-to-body 属性

<el-dialog
        title="批量备注"
        :visible.sync="dialogVisible"
        append-to-body
        width="50%">

大家如果有遇到类似相同的问题,可以试一下这种解决方案!!!

目录
相关文章
|
30天前
【UI】 element -ui select下拉框label显示多个值
【UI】 element -ui select下拉框label显示多个值
39 1
|
3天前
|
缓存 JavaScript 测试技术
如何创建一个VUE3项目并使用Element UI插件
如何创建一个VUE3项目并使用Element UI插件
|
30天前
|
JavaScript
VUE里修改element-ui的显示层次与上下间隔
VUE里修改element-ui的显示层次与上下间隔
21 1
|
30天前
【UI】 element ui 表格没有数据时用--填充
【UI】 element ui 表格没有数据时用--填充
38 2
|
30天前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
38 0
|
30天前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
23 0
|
30天前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
50 0
|
30天前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
29 0
|
30天前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
31 0
|
30天前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数?
如何理解 SAP UI5 的 sap.ui.define 函数?
67 0