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

发布网友发布时间：2022-11-15 01:43

共1个回答

热心网友时间：2024-01-10 03:29

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

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

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com