【UI】element-ui的el-dialog的遮罩层在模态框的前面bug

最近在写element ui 的时候使用dialog组件,偶然出现了这种情况

原因: 是因为遮罩层插入进了body标签下,z-index高于当前父元素。

解决:在el-dialog标签里加上:modal-append-to-body="false"就可以了。

饿了么官网文档:https://element.eleme.cn/#/zh-CN/component/dialog

参考文章:element-ui的el-dialog的遮罩层在模态框的前面bug

下班~

相关推荐
夏小花花2 分钟前
vue3 ref和reactive的区别和使用场景
前端·javascript·vue.js·typescript
前端小巷子1 小时前
Vue 自定义指令
前端·vue.js·面试
传奇开心果编程2 小时前
【传奇开心果系列】Flet框架实现的家庭记账本示例自定义模板
python·学习·ui·前端框架·自动化
Stringzhua2 小时前
Vue中的数据渲染【4】
css·vue.js·css3
草梅友仁12 小时前
草梅 Auth 1.4.0 发布与 ESLint v9 更新 | 2025 年第 33 周草梅周报
vue.js·github·nuxt.js
公众号【林东笔记】获取资料12 小时前
Adobe Photoshop 2024:软件安装包分享和详细安装教程
ui·adobe·photoshop
萌萌哒草头将军14 小时前
Oxc 最新 Transformer Alpha 功能速览! 🚀🚀🚀
前端·javascript·vue.js
武昌库里写JAVA14 小时前
JAVA面试汇总(四)JVM(一)
java·vue.js·spring boot·sql·学习
phantom_11115 小时前
Cursor 分析 bug 记录
bug·cursor
littleding15 小时前
Vue3之计算属性
前端·vue.js