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 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。

  • 2020-12-01 16:25:32

    nuxtjs引入jquery

    nuxt引入jQuery库 nuxtjs如何添加 Webpack 插件?

  • 2020-12-01 16:43:37

    fieldset标签做输入框

    比如 vuetify中的 input组件,就用到了fieldset做边框, 这个时候我们想改边框,却找不到border,因为fieldset是靠color来修改边框颜色的。

  • 2020-12-01 17:25:39

    axios并发操作

    很多时候,我们需要同时向后端进行多个请求,当所有请求都返回数据后,再进行一些操作。

  • 2020-12-02 14:45:35

    Remote-SSH使用教程 VSCode

    微软开发了一个VSCode的插件Remote-SSH,可以说是目前比较完美的解决了在windows下开发linux程序的问题。