Vue this.$forceUpdate() 强制刷新数据

Posted 2023-04-20

参考技术A 在Vue组件中，在mounted阶段调用了一个函数去请求异步数据，将返回结果赋给data里面的值却失败了，赋值完console.log()出来明明是有值的，但页面却没有更新过来。我还一直以为是nuxt生命周期的原因，但明显不是。因为这个问题只有在偶尔才会出现，并不是每次进入页面时渲染都会有这个问题。
然后我就想到以前用过的 this.$forceUpdate() 方法，在函数中赋值完成以后，只要执行 this.$forceUpdate() 去强制刷新数据，就不会有这个问题出现了，至于这个bug为什么会出现，我还没有想明白。

总结，以后在vue中遇到赋值失败的，尽管试试 this.$forceUpdate() ，有奇效~

vue 强制刷新组件

vue 强制刷新组件 使用vue进行开发时，如果要刷新当前路由，则调用router.go(0)方法即可。但是某些情况下，我们可能要求仅仅刷新某个组件，而不是路由，那么我们应该怎么做呢？ 1.使用this.$forceUpdate强制重新渲染 如果要在组件内部中进行强制刷新，则可以调用this.$fo