vue前端轮询查询redis缓存数据

前端轮询查询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
		.......
	}