vue中组件中使用清除定时器及this指向

最新推荐文章于 2024-11-02 12:42:04 发布

Miya锤

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量125

点赞数

本文链接：https://blog.csdn.net/weixin_45599105/article/details/129285469

版权

data() {
    return {
    	timer: null,//data中定义timer变量
    	index:0,
    }
  }

methods: {
    loadtime() {
      this.timer = setInterval(() => {//用箭头函数来确定this不然指向Windows
        this.index++;
       console.log(this.index);
      }, 1000);
    },
    clearTimer() {
      //清除定时器
      clearInterval(this.timer);
      this.timer = null;
    },
},
mounted() {
    this.loadtime();
  },
beforeUnmount() {//离开清除定时器
  clearInterval(this.timer);
  this.timer = null;
},