我在a页面写一个定时,让他每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示:

Vue 项ç®éæ³ä¸­ä½ çç¹çé®é¢å解å³åæ³Vue 项ç®éæ³ä¸­ä½ çç¹çé®é¢å解å³åæ³

解决:

首先我在data函数里面进行定义定时器名称:

data() { 
  return { 
    timer: null // 定时器名称
 } 
},

然后这样使用定时器
this.timer = setInterval(……………………)
最后在beforeDestroy()生命周期内清除定时器:
beforeDestroy() { 
   clearInterval(this.timer); 
   this.timer = null;
}
Logo

前往低代码交流专区

更多推荐