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
相关推荐
tsumikistep35 分钟前
【前后端】接口文档与导入
前端·后端·python·硬件架构
513495921 小时前
Vite环境变量配置
vue.js
行走的陀螺仪1 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_928411562 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger2 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登2 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
g***B7382 小时前
JavaScript在Node.js中的模块系统
开发语言·javascript·node.js
Z***25803 小时前
JavaScript在Node.js中的Deno
开发语言·javascript·node.js
weixin79893765432...3 小时前
Vue + Express + DeepSeek 实现一个简单的对话式 AI 应用
vue.js·人工智能·express
高级程序源3 小时前
springboot社区医疗中心预约挂号平台app-计算机毕业设计源码16750
java·vue.js·spring boot·mysql·spring·maven·mybatis