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

最新推荐文章于 2024-07-18 14:31:05 发布

原创最新推荐文章于 2024-07-18 14:31:05 发布 · 2.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#redis #缓存 #javascript

本文介绍了一个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
		.......
	}