【前端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"后解决问题,暂未发现会造成黑色遮罩残留的情况

相关推荐
天一生水water19 小时前
three.js加载三维GLB文件,查看三维模型
前端·1024程序员节
无风听海19 小时前
HarmonyOS之启动应用内的UIAbility组件
前端·华为·harmonyos
冰夏之夜影20 小时前
【科普】Edge出问题后如何恢复出厂设置
前端·edge
W.Buffer20 小时前
设计模式-单例模式:从原理到实战的三种经典实现
开发语言·javascript·单例模式
葱头的故事21 小时前
vant van-uploader上传file文件;回显时使用imageId拼接路径
前端·1024程序员节
Mintopia21 小时前
🇨🇳 Next.js 在国内场景下的使用分析与实践指南
前端·后端·全栈
Mintopia21 小时前
深度伪造检测技术在 WebAIGC 场景中的应用现状
前端·javascript·aigc
BUG_Jia21 小时前
如何用 HTML 生成 PC 端软件
前端·javascript·html·桌面应用·1024程序员节
木易 士心21 小时前
CSS 样式用法大全
前端·css·1024程序员节
皓月Code21 小时前
第二章、全局配置项目主题色(主题切换+跟随系统)
javascript·css·react.js·1024程序员节