在頁面中需要定時刷新局部數據,在數據變化是否頻繁的情況下,沒有必要使用webSocket,因為數據變化頻繁,數據實時變化太快看不清楚。因此頁面會定時調用后台接口以達到實時刷新數據的效果。
1、在data中定義一個定時器變量,timer
2、在mounted中把定時器的復制為timer
3、頁面離開時,在destroyed中清除定時器已經timer
data() { return { timer:null, //定時器名稱 } }, created() { this.getHangTotal(); }, mounted() { this.timer = setInterval( this.getHangTotal, 10000 ); }, destroyed(){ clearInterval(this.timer); // 清除定時器 this.timer = null; }, methods: { getHangTotal(){ //………… } }