最近在写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
下班~
相关推荐
Mr Xu_19 小时前
告别冗长 switch-case：Vue 项目中基于映射表的优雅路由数据匹配方案前端摸鱼匠19 小时前
Vue 3 的toRefs保持响应性：讲解toRefs在解构响应式对象时的作用XPii20 小时前
Photoshop应用——将图片变为水墨画效果未来之窗软件服务21 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气phltxy1 天前
Vue 核心特性实战指南：指令、样式绑定、计算属性与侦听器Byron07071 天前
Vue 中使用 Tiptap 富文本编辑器的完整指南AC梦1 天前
unity中如何将UI上的字高清显示Byron07071 天前
从 0 到 1 搭建 Vue 前端工程化体系：提效、提质、降本实战落地zhengfei6111 天前
【AI平台】- 基于大模型的知识库与知识图谱智能体开发平台徐小夕@趣谈前端1 天前
Web文档的“Office时刻“：jitword共建版2.0发布！让浏览器变成本地生产力