问题背景
一个可设想为微信的即时通信app,聊天记录保存在vuex
中。
和某个联系人发送消息后,回到聊天列表(v-for
循环渲染的)页面,打印出来的state
可以看到已经更新,但是页面却没有同步更新。
解决方法
进入页面时,使用$forceUpdate
强制更新:
(以下使用的是uni-app
框架)
onShow() {
this.$forceUpdate();
},
一个可设想为微信的即时通信app,聊天记录保存在vuex
中。
和某个联系人发送消息后,回到聊天列表(v-for
循环渲染的)页面,打印出来的state
可以看到已经更新,但是页面却没有同步更新。
进入页面时,使用$forceUpdate
强制更新:
(以下使用的是uni-app
框架)
onShow() {
this.$forceUpdate();
},
本文标题:Vue | 使用$forceUpdate强制更新数据
本文链接:https://www.haomeiwen.com/subject/aqegzqtx.html
网友评论