【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

下班~

相关推荐
学Linux的语莫5 小时前
Vue 3 入门教程
前端·javascript·vue.js
qq4356947017 小时前
Vue04
前端·vue.js
鹤卿1239 小时前
(OC)UI学习——网易云仿写
ui·ios·objective-c
万物更新_10 小时前
vue框架
前端·javascript·vue.js·笔记
callJJ11 小时前
Volta + Claude Code 在 Windows 上的路径 Bug 复盘
windows·bug
一个被程序员耽误的厨师14 小时前
04-实践篇-让AI生成可视化页面-ai-json-ui的落地实践
人工智能·ui·json
英勇无比的消炎药14 小时前
一文吃透TinyRobot Bubble:从基础组件搭建完整AI消息渲染体系
vue.js
秋雨梧桐叶落莳14 小时前
iOS——QQ音乐仿写项目总结
学习·macos·ui·ios·mvc·objective-c·xcode
英勇无比的消炎药14 小时前
深挖底层:TinyRobot Bubble消息气泡组件核心技术原理
vue.js
英勇无比的消炎药14 小时前
架构剖析:TinyRobot Bubble渲染器状态管理与工具调用机制
vue.js