elementui dialog 嵌套遮罩显示异常问题

最新推荐文章于 2024-08-07 15:32:53 发布

Misnice

最新推荐文章于 2024-08-07 15:32:53 发布

阅读量342

点赞数

分类专栏： Vue 文章标签： elementui vue ui

本文链接：https://blog.csdn.net/Misnice/article/details/112441438

版权

Vue 专栏收录该内容

47 篇文章 3 订阅

订阅专栏

如果在第一个dialog中又嵌套了一个dialog

在第二个dialog标签中添加append-to-body即可解决遮罩显示异常问题

<el-dialog :visible.sync="showPrizeDetailVisible" append-to-body title="奖品" width="80%">
    <div>
        内容
    </div>
    <div slot="footer" class="dialog-footer">    
        <el-button @click="showPrizePoolDetailVisible = false">取消</el-button>
    </div>
</el-dialog>