Vue 使用定时器定时刷新页面

·  阅读 3849
``` js data(){ return { intervalId:null } }, methods:{ // 定时刷新数据函数 dataRefreh() { // 计时器正在进行中,退出函数 if (this.intervalId != null) { return; } // 计时器为空,操作 this.intervalId = setInterval(() => { console.log("刷新" + new Date()); this.initData(); //加载数据函数 }, 5000); }, // 停止定时器 clear() { clearInterval(this.intervalId); //清除计时器 this.intervalId = null; //设置为null }, }, created(){ this.dataRefreh(); }, destroyed(){ // 在页面销毁后,清除计时器 this.clear(); } ```
分类:
前端
文章转载地址:
Vue 使用定时器定时刷新页面
https://inx.fun/article/1194071
评论
支持匿名评论 · Ctrl/⌘ + Enter 发送