强制更新视图

有的时候数据发生改变但是视图没有更新这个时候有几种方法可以解决这个问题

  1. 使用v-if
this.show=false
this.text="数据"
this.show=true

这个方法需要把要更新的数据写在false-true中间,然后把show值赋值给没有改变视图的元素上
2. this.$forceUpdate()

this.text="数据"
this.$forceUpdate()

调用this.$forceUpdate()可以迫使组件实例重新渲染,即强制刷新。但注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。

猜你喜欢

转载自blog.csdn.net/qq_49552046/article/details/128147386