活不多说，直接上问题

当在页面上，点击出现第一个弹窗，然后在弹窗里面，点击在再出现一个弹窗时，就是如下效果。

查看Html,出现了遮罩层

Vue的建议是，不建议嵌套 Dialog，但实际上肯定存在嵌套 Dialog 的情况，vue 提供了append-to-body属性。将其设置为 true，它就会插入至 body 元素上，从而保证内外层 Dialog 和遮罩层级关系的正确。

直接上实例代码：

<template><el-dialog title="外层对话框" :visible.sync="outerDialogVisible"><el-dialog title="内层对话框" :visible.sync="innerDialogVisible" append-to-body>这里是内层对话框的内容</el-dialog></el-dialog>
</template><script>
export default {data() {return {outerDialogVisible: true,innerDialogVisible: true};}
};
</script>

打完收工！