有时候我们更新了数据,页面却没有更新,此时我们可以进行强制刷新,这个对于组件来说非常好用,如果用在自己身上就不大好用了,所以也可以把业务封装成组件,简单用在vue中,来做强制刷新,在母体中选择有时候需要刷新组件有时候不需要刷线组件,解决上一个问题发生的情况。
方法一 通过v-if组件来刷新
<component v-if="hackReset"></component>
/*某一操作重置数据*/ this.hardReset= falsethis.$nextTick(() => { this.hardReset= true});
这个用在自身的话之刷新html部分,用在组件上,会刷新全部。自己把握吧
方法二 vm.$forceUpdate()
forceUpdate
这个局限性大一点,迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。