el-dialog弹框遮罩层问题

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

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

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

相关推荐
C_心欲无痕20 小时前
vue3 - defineExpose暴露给父组件属性和方法
前端·javascript·vue.js·vue3
计算机毕设VX:Fegn089521 小时前
计算机毕业设计|基于springboot + vue宠物医院管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
贺今宵21 小时前
安装better-sqlite3报错electron-vite
javascript·sql·sqlite·sqlite3
2501_944446001 天前
Flutter&OpenHarmony文件夹管理功能实现
android·javascript·flutter
颜酱1 天前
滑动窗口详解:原理+分类+场景+模板+例题(视频贼清晰)
javascript
橙某人1 天前
LogicFlow 交互新体验:让锚点"活"起来,鼠标跟随动效实战!🧲
前端·javascript·vue.js
程序猿的程1 天前
Stock写给前端的股票行情 SDK: stock-sdk,终于不用再求后端帮忙了
前端·javascript·node.js
用户新1 天前
V8引擎 精品漫游指南 -解析篇 语法解析 AST 作用域 闭包 字节码 优化 一文通关
前端·javascript
黑土豆1 天前
2025,我不再写代码,我在当代码的“审核员”
前端·vue.js·ai编程
社恐的下水道蟑螂1 天前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js