vue - 定时任务
vue - 定时任务业务场景: 前端页面需要每几秒钟执行一个函数,或者每隔一段时间实现一些功能。这与后端的定时任务不同。后端定时任务只基于后端,没有request请求。前端相反,可以实现任意业务场景。代码代码很简单,只需要套用即可。更改一下自己的执行间隔时间。mounted(){//在mounted 声明周期中创建定时器const timer = setInterval(()=>{// 这里
·
vue - 定时任务
业务场景: 前端页面需要每几秒钟执行一个函数,或者每隔一段时间实现一些功能。这与后端的定时任务不同。后端定时任务只基于后端,没有request请求。前端相反,可以实现任意业务场景。
代码
代码很简单,只需要套用即可。更改一下自己的执行间隔时间。
mounted(){
//在mounted 声明周期中创建定时器
const timer = setInterval(()=>{
// 这里调用调用需要执行的方法,1为自定义的参数,由于特殊的需求它将用来区分,定时器调用和手工调用,然后执行不同的业务逻辑
this.qryGridDAta("1")
}, 2000) // 每两秒执行1次
// 通过$once来监听定时器,在beforeDestroy钩子可以被清除
this.$once('hook:beforeDestroy',()=>{
// 在页面销毁时,销毁定时器
clearInterval(timer)
})
}
更多推荐
已为社区贡献5条内容
所有评论(0)