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

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

一、问题表现

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

vue+elementUI项目中,el-dialog弹出框被遮罩层覆盖_第1张图片
但是,浏览器调试时,明明遮罩层比弹出框z-index层级小【低一层】。
vue+elementUI项目中,el-dialog弹出框被遮罩层覆盖_第2张图片
在这里插入图片描述

二、解决方法

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

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

vue+elementUI项目中,el-dialog弹出框被遮罩层覆盖_第3张图片
成功被解决。

三、解决原理:elementUI官网

在这里插入图片描述

你可能感兴趣的:(vue,elementUI)