element ui 多层dialog被遮罩住，不能进行操作

Question

在页面上弹出一个dialog，dialog中再弹出一个dialog。弹出第一个时，没有影响，可以进行操作。弹出第二个时，被遮罩遮住，不能进行任何操作。点击屏幕任意位置，第二个dialog消失，第一个dialog可以继续操作。
怎样让第二个dialog也可以操作？

Answer 1

dialog 一般不适宜弹出多个。弹出多个可以扩展dialog 去掉遮罩层。

Answer 2

在第二个dialog上加append-to-body属性

<el-dialog :title="sCompanyEditTitle" :visible.sync="sCompanyFormVisible" :close-on-click-modal="false" :before-close="sCompanyFormHandleClose" **append-to-body**>