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
相关推荐
Leweslyh1 分钟前
【实战】如何在家定位国际空间站 (ISS)? —— 坐标转换的魔法 (例题 5.9)
开发语言·javascript·ecmascript
帆张芳显3 分钟前
智表zcell产品V3.5 版发布,新增行列选中操作等功能
前端·javascript·excel·插件·canva可画
程序员小寒5 分钟前
前端性能优化之首屏时间采集篇
前端·性能优化
GGGG寄了7 分钟前
HTML——div和span标签和字符实体
前端·html
这儿有一堆花16 分钟前
网页开发的基石:深入解析 HTML 与 PHP 的本质差异
前端·html·php
RFCEO18 分钟前
网页编程 课程三、:HTML 核心规范(语义化+易维护)详解课程
前端·html·语义化·html核心规范·易维护·前端基础课
苦藤新鸡42 分钟前
27.合并有序链表,串葫芦
前端·javascript·链表
_OP_CHEN43 分钟前
【前端开发之HTML】(四)HTML 标签进阶:表格、表单、布局全掌握,从新手到实战高手!
前端·javascript·css·html·html5·网页开发·html标签
Alair‎1 小时前
前端开发之环境配置
前端·react.js
谢尔登1 小时前
Vue3底层原理——keep-alive
javascript·vue.js·ecmascript