element-plus dialog 修改密码mask没有覆盖全屏

最近在使用element-plus中的Dialog对话框的时候,做修改密码的功能,我放在navbar组件中,造成了打开对话框的遮罩层无法全屏显示,

append-to-body Dialog 自身是否插入至 body 元素上。 嵌套的 Dialog 必须指定该属性并赋值为 true

这个属性加到el-dialog上即可,然后就可以实现遮罩层全屏遮罩

c 复制代码
<el-dialog :append-to-body="true" v-model="dialogBox" width="650px" align-center
相关推荐
b***74882 分钟前
前端技术的加速变革:从工程体系到智能化时代的全栈重构
前端·重构
NOVAnet20232 分钟前
React曝“炸弹级”漏洞(CVE-2025-55182),CVSS 10.0分!已有在野利用,企业如何紧急防御
前端·react.js·网络安全·前端框架
鹏多多2 分钟前
Flutter自定义日历table_calendar完全指南+案例
android·前端·flutter
2401_860494703 分钟前
在React Native中实现一个Popover(气泡弹出框)组件,用于展示一些相关的信息,如提示、警告、错误等,同时支持自定义内容和位置
javascript·react native·react.js·ecmascript·harmonyos
爱吃大芒果5 分钟前
Flutter 热重载与热重启深度解析:提高开发效率的关键
开发语言·javascript·flutter·ecmascript·harmonyos·gitcode
前端不太难6 分钟前
RN 与原生通信时出现性能瓶颈(Bridge 卡顿)怎么办?
前端·前端框架·reactjs
海上彼尚9 分钟前
React18+快速入门 - 5.受控组件与非受控组件
前端·javascript·react.js
古韵10 分钟前
一个让你爽歪歪的请求工具是怎样的
vue.js·react.js·node.js
zhangyao94033012 分钟前
View Design TimePicker 限制时间范围
前端·javascript·view design