data(){
return{
intervalId:null,
}
},
methods:{
// 定时刷新数据函数
dataRefreh() {
// 计时器正在进行中,退出函数
if (this.intervalId != null) {
return;
}
// 计时器为空,操作
this.intervalId = setInterval(() => {
console.log("刷新" + new Date());
this.getHeaderData(); //加载数据函数
}, 500);
},
// 停止定时器
clear() {
clearInterval(this.intervalId); //清除计时器
this.intervalId = null; //设置为null
}, getHeaderData(){
//请求接口
}
},
created() {
this.dataRefreh();
},
destroyed(){
// 在页面销毁后,清除计时器
this.clear();
}

  

最新文章

  1. java 获取当月第一天和最后一天 获取前一个月第一天和最后一天
  2. 基于Criminisi算法的栅格影像数据敏感地物隐藏
  3. 恶意IP远程登录Linux服务器脚本
  4. jQuery Mobile学习日记(二)
  5. ios用户控件
  6. DevExpress GridView属性设置 z
  7. linux 用 SSH2协议远程连接并控制 linux
  8. Apache CXF框架结构和基本原理(转)
  9. Seven Steps to Success Machine Learning in Practice
  10. Z-Stack协议中几个重要概念的理解
  11. 对无返回值、使用Action或Func作为参数、多重载的方法进行单元测试
  12. Rsync的工作方式
  13. 设置TrackMouseEvent捕获WM_MOUSEHOVER和WM_MOUSELEAVE消息
  14. MySql Schema 优化
  15. Spark性能优化
  16. Linux 进程后台运行的几种方式 screen
  17. 如何让你的数据有null
  18. 平常比较多实用的SQL
  19. Liferay7 BPM门户开发之3: Activiti开发环境搭建
  20. 2.WF 4.5 流程引擎设计思路

热门文章

  1. JZOJ 2936. 【NOIP2012模拟8.9】逐个击破
  2. Where do I Turn?(叉积)
  3. SQL 注入之:SQL Server 数据库
  4. 一个更适合Java初学者的轻量级开发工具:BlueJ
  5. Chai 3D之创建项目
  6. let 和 var 的区别
  7. Gateway集成Netty服务
  8. Cesium渲染模块之概述
  9. Visual Studio Code C / C++ 语言环境配置的历程
  10. (2) 使用phpstudy 实现局域网内远程访问本地ThreeJS示例