同一个页面使用2次el-dialog弹窗，页面错乱的问题

最新推荐文章于 2025-03-19 17:10:15 发布
最新推荐文章于 2025-03-19 17:10:15 发布
阅读量445 收藏
点赞数 3
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_48282959/article/details/140946977
版权

同一个页面使用2次el-dialog弹窗，页面会发生错乱，此时可以给el-diglog加上append-to-body，这样就可以解决，如

<el-dialog append-to-body></el-dialog>

我在项目中是在第二个弹窗中使用append-to-body，可以完美解决

el-dialog弹窗显示地图，向弹窗进行传参
qq_43717742的博客
12-23 1001
项目场景：el-dialog弹窗显示地图，需要页面之间进行传参。
[问题记录]ElementPlus的嵌套弹窗el-dialog_黑色背景
weixin_45039579的博客
04-05 3363
项目场景： 项目由Nuxt1.0+elementUI重构为vue3+ts+elementplus，其中问题发生在嵌套弹窗显示具体信息。 问题描述 外层弹窗提供事件的创建时间和查看按钮，然后内层弹窗展示具体的事件内容，具体如图所示 其中嵌套弹窗部分代码如下 <template> <el-dialog v-model="dialogHistory" title="历史记录" width="20%" > <p><st
【el-dialog】解决同一组件使用俩个el-dialog，内容被遮罩层覆盖的问题
weixin_43923808的博客
03-13 1681
第二次弹框上面。
el-dialog两个弹框里面套弹框受外层弹框影响
m0_52611940的博客
10-13 779
el-dialog两个弹框里面套弹框受外层弹框影响
VUE+element 在组件内有多个el-dialog同时打开时，遮罩会叠加
最新发布
weixin_43923808的博客
03-19 563
使用属性。
解决多el-dialog弹窗分配层次问题以及el-dialog锁定原页面滚动条（即弹窗状态下禁止原页面滚动）
weixin_51464636的博客
10-17 596
el-dialog 组件中的 :append-to-body=“true” 属性表示将对话框插入到文档的 元素中。暂时没去研究原理，但是设置了该属性可以实现。
解决el-table中嵌套el-dialog导致多次渲染el-dialog问题
printf_what的博客
12-14 289
el-table中嵌套el-dialog的问题
element dialog 显示俩个弹窗 显示问题
weixin_43355305的博客
02-24 5046
俩个dialog弹出 第二个会被压在下面的问题 解决方法： 一是给第二个dialog 加 append-to-body 将第二个dialog插入至 body 元素最上层。默认是true 如果还没解决 那就自定义类名 z-index:15 将层级提升 就可以解决 ...
el-dialog弹窗不显示
02-13
### 解决 Element UI `el-dialog` 弹窗不显示的问题 对于 `el-dialog` 组件无法正常显示的情况，通常是由以下几个常见原因引起的： #### 1. 数据绑定问题 确保用于控制对话框可见性的变量已正确定义并且能够响应...
el-dialog弹窗内容遮罩
01-09
### 解决 `el-dialog` 弹窗内容被遮罩层遮挡的问题 为了防止 `el-dialog` 的内容被遮罩层遮挡，可以在组件属性中设置特定参数来调整对话框的行为。具体来说，在使用 Element UI 框架时，可以通过给 `el-dialog` ...
element-ui中dialog弹窗关闭按钮失效的解决
10-14
在使用element-ui的el-dialog组件时，有时可能会遇到关闭按钮失效的问题。这个问题可能是由于多种原因导致的，比如数据绑定或者事件监听设置不当等。在element-ui中，Dialog组件的使用是相对直观的，但有时在复杂的...
在el-dailog里面使用el-select和el-date-picker位置错乱问题
Ch_2018的博客
12-13 1777
2、在el-select里面添加:append-to-body="false"属性,如果不添加的话,我们查看元素会发现下拉框所在的div和el-select是不同级的,是在最外面,添加以后就可以在el-select的子级元素中看到了。2、在el-date-picker标签添加一个class， popper-class="time-date-picker"解决：1、同上类似 给el-date-picker标签添加属性:append-to-body="false"二、el-date-picker相关。
解决ElementUI的dialog对话框第一次打开内部布局错乱，刷新一下变回正常的问题
qq_68155756的博客
02-16 1111
写项目的时候遇到了这个问题，百思不得其解，一开始还以为是内部样式用的是百分比单位的问题，结果换成px像素也存在这个问题。后来用F12发现了不对劲
el-dialog 层级问题混乱
天命爱心职责的博客
07-04 1614
使用 element -UI 的弹窗时，一般来说弹窗的层级应该比较高，背景置灰。但是有时候控制台的z-index层级混乱，弹框并没有置顶。
vue中同一个页面多次复用同一个组件的相互干扰问题
热门推荐
weixin_47097870的博客
02-23 2万+
vue中同一个页面多次复用同一个组件的相互干扰问题
vue 使用 el-dialog出现多了一层
flymoringbird的博客
04-03 1954
:modal-append-to-body="false" :append-to-body="true" 请看官方文档 ：http://element-cn.eleme.io/2.0/#/zh-CN/component/dialog#dialog-dui-hua-kuang
页面同一时间多条提示的问题优化 Notification、Message、element-ui
老程的博客
04-03 1073
有人反馈页面经常一下报出多条错误提示；并要求页面上同一时间只能出现一条提示信息；通过改造Message和Notification的原始方法来实现;
嵌套el-dialog时子级无法正常显示
AllTimeLow丶的博客
08-15 423
3层嵌套时出现了最终一级的弹框无法正常显示，遮罩层显示了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值