vue离开当前路由销毁当前路由_vue使用setTimeout,离开当前路由setTimeout未销毁的问题解决方法...

vue使用setTimeout,离开当前路由setTimeout未销毁的问题解决方法发布时间:2020-07-21 11:43:38来源:亿速云阅读:144作者:小猪这篇文章主要讲解了vue使用setTimeout,离开当前路由setTimeout未销毁的问题解决方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。问题:从第一个页面跳转到第二个页面后,如果停留在第二个页...
摘要由CSDN通过智能技术生成

vue使用setTimeout,离开当前路由setTimeout未销毁的问题解决方法

发布时间:2020-07-21 11:43:38

来源:亿速云

阅读:144

作者:小猪

这篇文章主要讲解了vue使用setTimeout,离开当前路由setTimeout未销毁的问题解决方法,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

问题:

从第一个页面跳转到第二个页面后,如果停留在第二个页面,定时器还在运行。如果在两个页面之间来回跳转,跳转时间小于定时器的间隔时间时,也会出现重复创建setTimeout的情况。

原因:

当我们刷新页面时,会将当前页面之前创建的setTimeout以及其他定时器都清除掉,但是仅仅是路由切换是不会清除的。

data () {

return {

ct: null

}

},

methods: {

start() {

this.ct= setTimeout( () => {that.countdown(end)}, 1000)

}

end() {

clearTimeout(this.ct); //清除

}

}

setInterval()计时也需要clearInterval()来清除

补充知识:小记VUE下setTimeOut和setInterval遇到的问题

相信大家对着两个函数都陌生,就是一个定时器&#

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值