【前端Vue】el-dialog关闭后黑色遮罩依然存在如何解决?

最近开发时遇到一个令人头疼的问题,当我将el-dialog关闭后,弹窗是关闭了,但弹窗打开时的黑色背景遮罩依然还在,点击一下页面才会消失,而且不是每次都出现,通常在进入后第一次打开才会出现

我做的内容是一个大弹窗中包含一个小弹窗,两个弹窗关闭时都会出现

如上图所示,小弹窗关闭后依然存在打开时的黑色遮罩,关闭大弹窗时情况也是如此

参照官方文档也无法具体分析其效果,需要实际使用才知道

询问ai给出在el-dialog标签添加:modal-append-to-body="false"属性的方案,仅有几率在不同的引用场景下不出现,无法彻底解决

html 复制代码
<el-dialog
    :title="'"
    :visible.sync=""
    :append-to-body="true"
    @open="open"
  >
    // 弹窗内容
  </el-dialog>

之后尝试将属性改为:append-to-body="true"后解决问题,暂未发现会造成黑色遮罩残留的情况

相关推荐
东风西巷2 分钟前
K-Lite Mega/FULL Codec Pack(视频解码器)
前端·电脑·音视频·软件需求
超级大只老咪1 小时前
何为“类”?(Java基础语法)
java·开发语言·前端
你的人类朋友3 小时前
快速搭建redis环境并使用redis客户端进行连接测试
前端·redis·后端
这里是杨杨吖4 小时前
SpringBoot+Vue医院预约挂号系统 附带详细运行指导视频
vue.js·spring boot·医院·预约挂号
深蓝电商API4 小时前
实战破解前端渲染:当 Requests 无法获取数据时(Selenium/Playwright 入门)
前端·python·selenium·playwright
bestcxx5 小时前
(二十七)、k8s 部署前端项目
前端·容器·kubernetes
鲸落落丶5 小时前
webpack学习
前端·学习·webpack
excel5 小时前
深入理解 3D 火焰着色器:从 Shadertoy 到 Three.js 的完整实现解析
前端
光影少年6 小时前
vue打包优化方案都有哪些?
前端·javascript·vue.js