如果你使用的是 Element UI,el-dialog
组件有一个 append-to-body
属性,这个属性可以将弹窗的 DOM 直接挂载到 body 标签上,这样可以避免一些层级嵌套问题:
<el-dialog :visible.sync="dialogVisible" append-to-body>
<!-- 第一个弹窗内容 -->
<el-dialog :visible.sync="secondDialogVisible" append-to-body>
<!-- 第二个弹窗内容 -->
</el-dialog>
</el-dialog>