VUE中使用setInterval 以及销毁定时器的方法

2021/6/24 18:50:47 | 阅226 来源:好空间网络 [打印] [关闭]
 

// button按钮
<el-checkbox v-model="isref" @change="checkbox">自动刷新</el-checkbox>

// data:

 isref: false, // 是否定时刷新
      refTime: 3, // 定时的刷新间隔 分钟
      Polling: 0 // 定时器返回的id,用在销毁定时器上
      
      
// 自动刷新被点击
    checkbox(e) {
      console.log('e', e)
      if (e) {
        this.ReckonTime() //调用刷新方法
      } else {
        console.log('终止')
        clearInterval(this.Polling)
      }
    },
    // 执行循环的方法
    ReckonTime() {
      if (this.isref && this.status === 'jobstatus') {
        this.Polling = setInterval(this.getData, 1000 * Number(this.refTime))
      } else if (this.isref && this.status === 'waitgo') {
        this.Polling = setInterval(this.getWaitGo, 1000 * 60 * Number(this.refTime))
      }
    },
    
 // 最后记得在销毁生命周期上关闭定时器要不然您跳转新网页上他还是不停的刷新
  beforeDestroy() {
    clearInterval(this.Polling)
  }


经营许可证ICP:皖B2-20100052 公司邮箱:zcdnsz@jspkongjian.net
Copyright © 2004-2015, 安徽好空间网络科技有限公司 版权所有 , 本站素材部分来源于网络,如有侵权请告知删除。