VUE中使用setInterval 以及销毁定时器的方法
2021/6/24 18:50:47 | 阅3421 | 来源:好空间网络 [打印] [关闭] |
// 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) }