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
相关推荐
web打印社区几秒前
前端实现浏览器预览打印:从原生方案到专业工具
前端·javascript·vue.js·electron
yuezhilangniao4 分钟前
# 告别乱码:用FastAPI特性与Next.js打造类型安全的API通信
javascript·安全·fastapi
jiayong2313 分钟前
Vue2 与 Vue3 生态系统及工程化对比 - 面试宝典
vue.js·面试·职场和发展
徐同保14 分钟前
vue.config.ts配置代理解决跨域,配置开发环境开启source-map
前端·javascript·vue.js
Hexene...32 分钟前
【前端Vue】npm install时根据新的状态重新引入实际用到的包,不引入未使用到的
前端·vue.js·npm
2301_7806698638 分钟前
Vue(入门配置、常用指令)、Ajax、Axios
前端·vue.js·ajax·javaweb
码农幻想梦38 分钟前
Vue3入门到实战【尚硅谷】
前端·vue
hudou_k40 分钟前
利用WebNaket实现Web应用直接访问硬件设备
前端
吃茄子的猫40 分钟前
若依框架根据当前登录人信息,显示不同的静态公司logo
前端·vue
LZQ <=小氣鬼=>1 小时前
React + Ant Design (antd) 国际化完整实战教程
前端·react.js·前端框架·antd·moment