elementui 再次打开dialog,绑定的数据不更新问题
1 因为dialog再次打开时不经过重新渲染dom,只是简单的显示隐藏,所以第一次打开绑定值后,关闭再打开则不会更新,解决办法是在外层套一层div,用v-if控制<div v-if="editDialog_visual" ><el-dialog:area="[700,600]"top="middle"no-scrollbartitle="人员编辑"
·
1 因为dialog再次打开时不会重新渲染dom,只是简单的显示隐藏,所以第一次打开绑定值后,关闭再打开则不会走created和mounted生命周期,解决办法是在外层套一层div,用v-if控制
<div v-if="editDialog_visual" >
<el-dialog
:area="[700,600]"
top="middle"
no-scrollbar
title="人员编辑"
:visible.sync="editDialog_visual"
class="editDialog"
>
<!-- 编辑表单 -->
<editForm :emitData="currentEditRow"></editForm>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="editDialog_visual = false">确 定</el-button>
<el-button @click="editDialog_visual = false">取 消</el-button>
</div>
</el-dialog>
</div>
在实际应用种,加上外层div后,dialog内部元素会不显示,设置高度即可解决
这样也算是解决了dialog绑定值的问题。
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)