el-dialog弹框遮罩层问题

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

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

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

相关推荐
熊猫钓鱼>_>21 小时前
从零到一:打造“抗造” Electron 录屏神器的故事
前端·javascript·ffmpeg·electron·node·录屏·record
我是伪码农21 小时前
Vue 1.28
前端·javascript·vue.js
鹓于21 小时前
Excel一键生成炫彩二维码
开发语言·前端·javascript
siwangdexie_new21 小时前
html格式字符串转word文档,前端插件( html-docx-js )遇到兼容问题的解决过程
前端·javascript·html
子春一1 天前
Flutter for OpenHarmony:构建一个智能长度单位转换器,深入解析 Flutter 中的多字段联动、输入同步与工程化表单设计
开发语言·javascript·flutter
利刃大大1 天前
【Vue】scoped作用 && 父子组件通信 && props && emit
前端·javascript·vue.js
-凌凌漆-1 天前
【Vue】Vue3 vite build 之后空白
前端·javascript·vue.js
摘星编程1 天前
用React Native开发OpenHarmony应用:useImperativeHandle暴露实例方法
javascript·react native·react.js
qq_336313931 天前
javaweb-Vue3
前端·javascript·vue.js
Mr Xu_1 天前
UniApp 实战:深度解析 App 端自动检测与静默更新(含强制更新)
javascript·vue.js·uni-app