如何清除定时器?
- 例如:在vue页面中写了一个定时器,并且离开当前页面,在**beforeDestory()**方法中进行了清除,但是定时器并未清除,还在继续执行,这种情况该如何解决?
data() {
return {
timer : null
}
}
created(){
this.currTime = 0;
this.timer = setInterval(() => {
this.currTime++;
}, 1000)
},
解决方法:(与methods 同级)
beforeRouteLeave(to, from, next){
next();
if (this.timer) {
clearInterval(this.timer);
this.timer = null;
}
},
下面写法不生效(不予采纳)
beforeDestroy () {
// console.log('执行销毁方法');
if(this.timer) { //如果定时器还在运行 或者直接关闭,不用判断
clearInterval(this.timer); //关闭
}
},