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

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

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

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

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

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

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

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