element 的dialog嵌套问题，第二次弹出的会被遮住，添加append-to-body属性不管用？

Question

element 的dialog嵌套问题，第二次弹出的会被遮住，添加append-to-body属性不管用？
我的两个弹窗分别在两个vue的组件里
<!--子弹窗-->
## 标题文字 ##

       <el-dialog  append-to-body
            class="singleDialog" :title="dialogSingleTitle"  :visible.sync="dialogSingleVisible" top='12vh'>

      </el-dialog>
      

加:modal-append-to-body="false"的效果：

这是只加append-to-body效果

Answer 1

正常来说两次弹窗不是一个很好的交互，建议是第一个弹出可以换成一个新的页面