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

  • 2017-11-19 00:17:51

    Java如何获取Date的“昨天”与“明天”示例代码

    最近在做项目的时候用到Date和Calendar比较多,而且用到的方式也比较全,突然想到一个问题,Java如何获取Date的"昨天"与"明天",也就是前一天和后一天呢?思考后写出了方法,想着万一以后用到,就总结出来,也方便有需要的朋友们参考借鉴,下面来一起看看吧。

  • 2017-11-23 02:00:51

    js 分页插件twbs-pagination

    ​cdn地址 http://www.bootcdn.cn/twbs-pagination/ 官网地址 可以在cdn地址上面查看到

  • 2017-11-28 14:53:05

    Vagrant 实战

    Vagrant 是一个可创建轻量级、高复用性和便于移植的开发环境的工具。 此文章是作者折腾vagrant的笔记, 希望大家看后,不再去网上搜罗资料, 能顺利搭建vagrant环境。vagrant更新较快, 还建议大家以官网为主。Vagrant官网