el-dialog弹框遮罩层问题

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

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

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

相关推荐
拉不动的猪20 小时前
如何处理管理系统中(Vue PC + uni-app 移动端):业务逻辑复用基本方案
前端·javascript·架构
边洛洛20 小时前
next.js项目部署流程
开发语言·前端·javascript
非凡ghost20 小时前
Syncovery Premium(文件同步软件)
前端·javascript·后端
神膘护体小月半21 小时前
bug 记录 - 路由守卫 beforeRouteLeave 与 confirm 结合,不生效问题
javascript·vue
岁月宁静21 小时前
Vue 3.5 + WangEditor 打造智能笔记编辑器:语音识别功能深度实现
前端·javascript·vue.js
非凡ghost21 小时前
BiliLive-tools(B站录播一站式工具) 中文绿色版
前端·javascript·后端
非凡ghost21 小时前
bkViewer小巧精悍数码照片浏览器 中文绿色版
前端·javascript·后端
西洼工作室21 小时前
前端监控:错误捕获与行为日志全解析
前端·javascript
huangql52021 小时前
JavaScript数据结构实战指南:从业务场景到性能优化
javascript·数据结构·性能优化
Glommer1 天前
某易易盾验证码处理思路(下)
javascript·逆向