VUE 多级dialog产生蒙版问题解决

问题：

在vue的项目中，应用嵌套Dialog（不建议使用）时，遇到了产生蒙版的问题，怎么设置z-index也不管用，现象就是第一层dialog正常，显示第二层时，出现整屏蒙版，鼠标点击任意位置后，蒙版消失，如下图。

第一层Dialog 

第二层Dialog 

解决办法：

在第二层Dialog上加append-to-body的属性

效果：