vue 定时器 定时刷新页面 定时请求接口

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

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();     }