vue中使用keep-alive时使用setInterval

vue中使用keep-alive保留当前用户操作,保留组件的状态不重新渲染,路由变化后destroyed并没有销毁setInterval

当组件在keep-alive中切换,它的 activateddeactivated 这两个生命周期钩子函数将会被对应执行。

将setInterval 写在activated中,清除setInterval方法写在deactivated,完美结局路由变化后setInterval不执行

export default {
    data () {
        return {
            intervalName: null
        }
    },
    activated () {
       this.intervalName = setInterval (() => {
           this.getList();
       }, 5*1000)
    },
    deactivated () {
        clearInterval(this.intervalName)
    },
    mounted () {}
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值