在Element UI中,当el-dialog组件设置了append-to-body属性后,该组件的DOM元素会被直接插入到body元素中,而不是插入到它的父元素中。这通常用于解决嵌套el-dialog时可能遇到的层级问题,但它也带来了样式作用域的问题。由于el-dialog被移动到了body下,它不再受组件内部带有scoped属性的<style>标签的约束。
<el-dialog :visible.sync="visible" v-if="dialogVisible" width="480px" :show-close="true" :modal="false" :append-to-body="true" > <span>是否退出登录?</span> </el-dialog> </div> <el-button style="position: absolute; top: 100px; left : 1500px; " @click="handleClick" > click...
1、当dialog弹窗出现在遮罩层下面时,如这种情况: 2、解决办法就是,加个:append-to-body="true" 属性,效果如下: 。
Oh hello! Nice to see you. Made with ️ by humans.txt