最近在写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
下班~
相关推荐
90后的晨仔10 小时前
Mac 开发 uni-app 终极方案：让安卓模拟器彻底脱离 Android Studio 独立运行腾科IT教育15 小时前
HarmonyOS开发｜ArkTS UI颜色API通用规则C++、Java和Python的菜鸟15 小时前
第12章 前端Web进阶（Vue工程化+ElementPlus）妙码生花16 小时前
让各大 AI 整理出来的前端工程命名最简实践（Vue + TS）灰暗世界%16 小时前
飞牛bug修复用户8417948145618 小时前
vxe-table 实现编辑列的权限控制：列级与表级权限管理Tian_Hang18 小时前
Vue3 父子组件通讯小小工匠1 天前
把生成模型接进 Agent：Higgsfield MCP 的架构拆解与工程实践C++、Java和Python的菜鸟1 天前
第13章 前端Web实战（Tlias案例）qq83443101 天前
Luckysheet，在Vue 等框架中初始化失败（白屏），如何修复