element el-dialog显示与隐藏后标签里的内容不更新

最新推荐文章于 2024-04-09 14:29:09 发布

原创最新推荐文章于 2024-04-09 14:29:09 发布 · 911 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Vue #vue

Vue 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了一种在Element UI的el-dialog组件中利用Vue的v-if指令实现内容动态更新的方法。通过将v-if指令应用到el-dialog的内容部分，并绑定显示状态，可以有效地控制对话框内容的渲染。

把el-dialog中的内容用 v-if 重新渲染就可以了

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