vue强制刷新组件 销毁和重建

2020-01-07 10:14:07

有时候我们更新了数据，页面却没有更新，此时我们可以进行强制刷新，这个对于组件来说非常好用，如果用在自己身上就不大好用了，所以也可以把业务封装成组件，简单用在vue中，来做强制刷新，在母体中选择有时候需要刷新组件有时候不需要刷线组件，解决上一个问题发生的情况。


方法一  通过v-if组件来刷新 

<component v-if="hackReset"></component>

/*某一操作重置数据*/
this.hardReset= falsethis.$nextTick(() => {
    this.hardReset= true});

这个用在自身的话之刷新html部分，用在组件上，会刷新全部。自己把握吧


方法二 vm.$forceUpdate() forceUpdate

这个局限性大一点，迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

  • 精彩推荐

  • 2018-01-29 15:18:57

    Druid多数据源配置

    搞了一天，竟然输在了把datasource,携程dataSource.老是切换不成功，几近崩溃。