Vue this.$forceUpdate 强制渲染页面
- 刷新整个页面(最low的,可以借助route机制)
- 使用v-if标记(比较low的)
- 使用内置的forceUpdate方法(较好的)
- 使用key-changing优化组件(较好的,定义组件key值)
由于一些嵌套特别深的数据,导致数据更新了,但是页面却没有重新渲染。我遇到的一个情况是,v-for遍历数据渲染,当方法中处理相应数组数据时,数组改变了,但是页面却没有重新渲染。
解决方法:运用 this.$forceUpdate()强制刷新,解决v-for更新数据不重新渲染页面。
官方解释:迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。