vue+elementUI项目中，el-dialog弹出框被遮罩层覆盖

一、问题表现

el-dialog弹出框被遮罩层覆盖

在这里插入图片描述
但是，浏览器调试时，明明遮罩层比弹出框z-index层级小【低一层】。
在这里插入图片描述
在这里插入图片描述

二、解决方法

在el-dialog标签里添加 :modal-append-to-body='false’

:modal-append-to-body='false'

在这里插入图片描述
成功被解决。

三、解决原理：elementUI官网

在这里插入图片描述

Logo
Vue

前往低代码交流专区

更多推荐

cover

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

avatar Vue
cover

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

avatar Vue
cover

ElasticSearch迁移至openGauss

avatar Vue