今天在做项目时发现路由切换了但是定时器仍在执行,首先想到要找到一个合适的时机清除掉定时器,经查阅vue生命周期后得知该问题解决方案

参考文章:包你理解---vue 的生命周期

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

最终解决方法,在beforeDestroy(组件销毁前调用)中清除定时器

1   beforeDestroy(){  // 组件销毁前调用
2     clearTimeout(this.timer)
3   }

额外贴几个我没见过的vue用法记录下来以备后用

vue路由切换定时器仍在执行?? 随笔 第1张

vue路由切换定时器仍在执行?? 随笔 第2张

vue路由切换定时器仍在执行?? 随笔 第3张

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄