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

最新推荐文章于 2025-09-11 17:20:48 发布

原创最新推荐文章于 2025-09-11 17:20:48 发布 · 401 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue #ui

Vue 专栏收录该内容

47 篇文章

订阅专栏

博客介绍了在Vue开发中，当第一个dialog嵌套第二个dialog时，遮罩显示异常的解决办法，只需在第二个dialog标签中添加append-to-body即可。

如果在第一个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>