在Vue组件中，在mounted阶段调用了一个函数去请求异步数据，将返回结果赋给data里面的值却失败了，赋值完console.log()出来明明是有值的，但页面却没有更新过来。我还一直以为是nuxt生命周期的原因，但明显不是。因为这个问题只有在偶尔才会出现，并不是每次进入页面时渲染都会有这个问题。
然后我就想到以前用过的this.$forceUpdate()方法，在函数中赋值完成以后，只要执行this.$forceUpdate()去强制刷新数据，就不会有这个问题出现了，至于这个bug为什么会出现，我还没有想明白。
总结，以后在vue中遇到赋值失败的，尽管试试this.$forceUpdate()，有奇效~
vue强制更新this.$forceUpdate() 调用强制更新方法this.$forceUpdate()会更新...
vue强制更新$forceUpdate() 添加this.$forceUpdate();进行强制渲染，效果实现。搜...
使用update this.$forceUpdate()，强制视图更新 用vue.set this.$set(th...
Vue 常见坑汇总 this.$forceUpdate(); 使用this.$forceUpdate()可以重新渲...
强制更新 添加this.$forceUpdate();进行强制渲染，效果实现。搜索资料得出结果：因为数据层次太多，...
this_.set(更新的数组, 添加的值（key）,value)特别好用。
强制渲染，强制更新 this.$forceUpdate()在深层嵌套的时候for循环的时候，当你修改数据了，页面不...
强制刷新 this.forceUpdate();
在绑定值变化触发的事件添加 this.$forceUpdate() 强制更新
如何强制刷新列表数据this.$set(this.List,index,value);
本文标题：Vue this.$forceUpdate() 强制刷新数据
本文链接：https://www.haomeiwen.com/subject/cnegdktx.html
网友评论