element-ui 对话框中嵌套对话框及其遮罩层关闭问题

1、经常会遇到对话框中打开对话框，主要是两个对话框均设置  :append-to-body="true"

父组件对话框

父组件中引入子组件

子组件中对话框设置

运行后

 

 

这样即使是多个对话框逐层嵌套都可以。

注意的是，在子组件中千万不能输入  :modal-append-to-body="false"，否则，当子组件关闭时，所有对话框的遮罩层都会被关闭，变成了没有遮罩层，如下图两层对话框关闭子对话框后，父组件的遮罩层同时也被关闭了

下图第三层对话框关闭后，父组件和父组件的父组件的的遮罩层同时也被关闭了