技术栈

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

维他命Coco2024-05-30 2:01

最近在使用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
上一篇:mysql中的内连接与外连接
下一篇:el-select 组件获取整个对象
相关推荐
IT_陈寒
3 分钟前
Python 3.12 新特性实战:10个性能优化技巧让你的代码快如闪电⚡
前端·人工智能·后端
Wiktok
18 分钟前
前后端开发Mock作用说明,mock.ts
前端·mock·vue3
冲!!
21 分钟前
SCSS 中的Mixins 和 Includes,%是什么意思
前端·css·scss
星语卿
1 小时前
Vuetify:构建优雅Vue应用的Material Design组件库
前端·javascript·vue.js
wangbing1125
1 小时前
界面规范11-对话框
javascript·vue.js·elementui
roman_日积跬步-终至千里
2 小时前
【系统架构设计(25)】Web应用服务器与现代架构
前端·架构·系统架构
yshhuang
2 小时前
在Windows上搭建开发环境
前端·后端
littleplayer
2 小时前
Redux在iOS中的使用
前端
热门推荐
01KGG转MP3工具|非KGM文件|解密音频02UV安装并设置国内源03GitHub 镜像站点04conda中设置镜像地址(附所有可换的地址)05A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程06UV 工具安装与国内镜像源配置指南07突破百度网盘的下载限速,两种方法教会你【超详细】0846个Nano-banana 精选提示词,持续更新中09智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践10教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员