vue - 定时任务
业务场景: 前端页面需要每几秒钟执行一个函数,或者每隔一段时间实现一些功能。这与后端的定时任务不同。后端定时任务只基于后端,没有request请求。前端相反,可以实现任意业务场景。
代码
代码很简单,只需要套用即可。更改一下自己的执行间隔时间。

mounted(){
//在mounted 声明周期中创建定时器
const timer = setInterval(()=>{
	// 这里调用调用需要执行的方法,1为自定义的参数,由于特殊的需求它将用来区分,定时器调用和手工调用,然后执行不同的业务逻辑
	this.qryGridDAta("1")
}, 2000) // 每两秒执行1次
// 通过$once来监听定时器,在beforeDestroy钩子可以被清除
this.$once('hook:beforeDestroy',()=>{
	// 在页面销毁时,销毁定时器
	clearInterval(timer)
})
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐