前端轮询查询redis缓存数据
/*定义常量 轮询函数开始标志*/
stopTimer: true,
mounted(){
// 提前定义 提前挂载函数
this.timerLoss()
}
// 编辑 this.$refs.xxxx.edit()
edit() {
// 父组件掉用子组件的函数
// 打开轮询函数
this.stopTimer = false
this.timerLoss()
}
// 轮询
timerLoss() {
this.timer = setInterval(()=>{
// 停止定时器
if (this.stopTimer == true) {
clearInterval(this.timer)
return
}
// 功能函数
this.loadLoss()
},3000)
}
// 轮询的结果
loadLoss() {
try {
//业务函数
}catch(err) {
// 报错停止轮询
this.stopTimer = true
console.log("通知异常",err)
}
}
// 关闭窗口或重置
close() {
// 先关闭轮询,打开弹窗再进行轮询
this.stopTimer = true
.......
}