【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

下班~

相关推荐
晨枫阳8 小时前
前端项目部署与问题解决
javascript·vue.js·ecmascript
SAP小崔说事儿8 小时前
SAP B1 批量应用用户界面配置模板
java·前端·ui·sap·b1·无锡sap
程序员小李白9 小时前
vue题目
前端·javascript·vue.js
humors2219 小时前
Deepseek工具:H5+Vue 项目转微信小程序报告生成工具
前端·vue.js·微信小程序·h5·工具·报告
贺小涛9 小时前
Vue介绍
前端·javascript·vue.js
蜡台10 小时前
vue.config.js 配置
前端·javascript·vue.js·webpack
踩着两条虫11 小时前
AI驱动的Vue3应用开发平台 深入探究(十六):扩展与定制之自定义组件与设计器面板
前端·vue.js·人工智能·开源·ai编程
UXbot11 小时前
AI App 设计生成工具哪个好?
ui·kotlin·软件构建·产品经理·ai编程·swift
棋鬼王11 小时前
Cesium(十) 动态修改白模颜色、白模渐变色、白模光圈特效、白模动态扫描光效、白模着色器
前端·javascript·vue.js·智慧城市·数字孪生·cesium
ThridTianFuStreet小貂蝉11 小时前
面试题1:请系统讲讲 Vue2 与 Vue3 的核心差异(响应式、API 设计、性能与编译器)。
前端·javascript·vue.js