问题背景
一个可设想为微信的即时通信app，聊天记录保存在vuex中。
和某个联系人发送消息后，回到聊天列表（v-for循环渲染的）页面，打印出来的state可以看到已经更新，但是页面却没有同步更新。
解决方法
进入页面时，使用$forceUpdate强制更新：
（以下使用的是uni-app框架）
onShow() {
this.$forceUpdate();
},
一个可设想为微信的即时通信app，聊天记录保存在vuex中。
和某个联系人发送消息后，回到聊天列表（v-for循环渲染的）页面，打印出来的state可以看到已经更新，但是页面却没有同步更新。
进入页面时，使用$forceUpdate强制更新：
（以下使用的是uni-app框架）
onShow() {
this.$forceUpdate();
},
vue强制更新this.$forceUpdate() 调用强制更新方法this.$forceUpdate()会更新...
vue强制更新$forceUpdate() 添加this.$forceUpdate();进行强制渲染，效果实现。搜...
问题背景 一个可设想为微信的即时通信app，聊天记录保存在vuex中。和某个联系人发送消息后，回到聊天列表（v-f...
使用update this.$forceUpdate()，强制视图更新 用vue.set this.$set(th...
今日又学一招~ vue 强制更新视图 $forceUpdatevm.$forceUpdate() 迫使Vue实例重...
保存在vuex中的数组数据，在state发生变化时，页面上显示的内容未更新，此时需要使用$forceUpdate强...
强制更新 添加this.$forceUpdate();进行强制渲染，效果实现。搜索资料得出结果：因为数据层次太多，...
强制渲染，强制更新 this.$forceUpdate()在深层嵌套的时候for循环的时候，当你修改数据了，页面不...
Vue 常见坑汇总 this.$forceUpdate(); 使用this.$forceUpdate()可以重新渲...
在绑定值变化触发的事件添加 this.$forceUpdate() 强制更新
本文标题：Vue | 使用$forceUpdate强制更新数据
本文链接：https://www.haomeiwen.com/subject/aqegzqtx.html
网友评论