data() { return { intervalId:null, // 定时器 }; }, methods: { // 定时刷新数据函数 30s // 参考教程-> https://www.cnblogs.com/aurora-ql/p/13300202.html dataRefreh() { // 计时器正在进行中,退出函数 if (this.intervalId != null) { return; } // 计时器为空,操作 this.intervalId = setInterval(() => { // console.log("刷新" + new Date()); //逻辑代码---写这里 }, 30000); }, // 停止定时器 clear() { clearInterval(this.intervalId); //清除计时器 this.intervalId = null; //设置为null }, }, destroyed() { //页面关闭时清空 this.clear(); },