【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

下班~

相关推荐
JY-HPS8 小时前
echarts天气折线图
javascript·vue.js·echarts
hudawei9968 小时前
TweenAnimationBuilder和AnimatedBuilder两种动画的比较
flutter·ui·动画·tweenanimation·animatedbuilder
黑色的糖果9 小时前
vue中tailwindcss插件的引入及使用
前端·javascript·vue.js
依米阳光0810 小时前
Playwright MCP AI实现自动化UI测试
ui·自动化·playwright·mcp
空&白13 小时前
vue暗黑模式
javascript·vue.js
css趣多多14 小时前
一个UI内置组件el-scrollbar
前端·javascript·vue.js
-凌凌漆-14 小时前
【vue】pinia中的值使用 v-model绑定出现[object Object]
javascript·vue.js·ecmascript
芷栀夏15 小时前
CANN 仓库实战:用 DrissionPage 构建高效、稳定的 UI 自动化测试框架
ui·aigc·transformer·cann
大橙子额16 小时前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
LYFlied17 小时前
从 Vue 到 React,再到 React Native:资深前端开发者的平滑过渡指南
vue.js·react native·react.js