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