el-dialog弹框遮罩层问题

先看一下出现的bug,点击按钮出现弹框的时候,遮罩层出现在弹框上层,不知道是那个同事写的全局样式影响的,这个时候我们需要在el-dialog标签上添加一个属性就行 :modal-append-to-body="false"

下图是出现的问题,遮罩层在弹框上方

阴影的位置和显示方式还可能受到其他属性的影响,比如:modal-append-to-body。如果希望阴影遮罩在dialog框下方,可以设置:modal-append-to-body为false,这样dialog框会保持亮度,而其他区域会变暗。

相关推荐
SuperEugene4 分钟前
Vue生态精选篇:Element Plus 的“企业后台常用组件”用法扫盲
前端·vue.js·面试
Neptune17 分钟前
JavaScript回归基本功之---类型判断--typeof篇
前端·javascript·面试
进击的尘埃17 分钟前
微前端沙箱隔离:qiankun 和 wujie 到底在争什么
javascript
子兮曰1 小时前
后端字段又改了?我撸了一个 BFF 数据适配器,从此再也不怕接口“屎山”!
前端·javascript·架构
颜酱3 小时前
一步步实现字符串计算器:从「转整数」到「带括号与优化」
javascript·后端·算法
比尔盖茨的大脑4 小时前
事件循环底层原理:从 V8 引擎到浏览器实现
前端·javascript·面试
bluceli4 小时前
Vue 3 Composition API深度解析:构建可复用逻辑的终极方案
前端·vue.js
程序员ys4 小时前
前端权限控制设计
前端·vue.js·react.js
卓卓不是桌桌4 小时前
如何优雅地处理 iframe 跨域通信?这是我的开源方案
javascript·架构
滕青山4 小时前
腾讯域名拦截查询 在线工具核心JS实现
前端·javascript·vue.js