vue中使用定时器的坑

最新推荐文章于 2024-08-18 23:09:02 发布

转载最新推荐文章于 2024-08-18 23:09:02 发布 · 5k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5cb42d68f265da0379416bf6

文章标签：

#javascript #前端 #ViewUI

我们在使用vue的脚手架去搭建开发环境的时候，在A页面写入一个定时器去定时请求一个接口，但是我们去B页面，C页面的时候都会有这个接口定时请求的现象，那么怎样处理呢？
第一步：
首先我在data函数里面进行定义定时器名称：
data() {            
    return {                              
        timer: null  // 定时器名称          
    }        
},
第二步：在要用的方法中使用定时器
this.timer = (() => {
// 某些操作
}, 1000)
第三步：beforeDestroy()生命周期内清除定时器
    beforeDestroy() {
    clearInterval(this.timer);        
    this.timer = null;
    }
复制代码