前言：
此刻同学们对“div遮罩层整个页面”大体比较看重，朋友们都需要知道一些“div遮罩层整个页面”的相关文章。那么小编同时在网络上搜集了一些有关“div遮罩层整个页面””的相关内容，希望咱们能喜欢，同学们快快来了解一下吧！在一个弹出层的内容区做处理打开另一个弹出层时，第二个弹出层会被遮罩层遮住。
对于确实需要嵌套 Dialog 的场景，提供了append-to-body属性。将内层 Dialog 的该属性设置为 true，它就会插入至 body 元素上，从而保证内外层 Dialog 和遮罩层级关系的正确。
<template> <el-button type="text" @click="outerVisible = true">点击打开外层 Dialog</el-button> <el-dialog title="外层 Dialog" :visible.sync="outerVisible"> <el-dialog width="30%" title="内层 Dialog" :visible.sync="innerVisible" append-to-body> </el-dialog> <div slot="footer" class="dialog-footer"> <el-button @click="outerVisible = false">取 消</el-button> <el-button type="primary" @click="innerVisible = true">打开内层 Dialog</el-button> </div> </el-dialog></template>
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #div遮罩层整个页面
