【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

下班~

相关推荐
用户5559700251021 小时前
Vue学习笔记-项目结构与文件结构分析
vue.js
码途潇潇21 小时前
Vue3 + TS + TailwindCSS 操作引导组件开发逐行解析
vue.js
m0_7400437321 小时前
Axios 请求示例 res.data.data
前端·javascript·vue.js
韩立学长1 天前
【开题答辩实录分享】以《基于Vue Node.js的露营场地管理系统的设计与实现》为例进行选题答辩实录分享
数据库·vue.js·node.js
q_19132846951 天前
基于SpringBoot2+Vue2+uniapp的考研社区论坛网站及小程序
java·vue.js·spring boot·后端·小程序·uni-app·毕业设计
憨逗君1 天前
vite学习
vue.js
CIb0la1 天前
Complete Bug Bounty tool List for free
linux·运维·bug
Apeng_09191 天前
vue+canvas实现按下鼠标绘制箭头
前端·javascript·vue.js
源码方舟1 天前
【华为云DevUI开发实战】
前端·vue.js·华为云
VOLUN1 天前
封装通用可视化大屏布局组件:Vue3打造高复用性的 ChartFlex/ChartFlexItem
前端·vue.js