vue 如何清除定時器


在頁面中需要定時刷新局部數據,在數據變化是否頻繁的情況下,沒有必要使用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(){ 
      //………… 
    }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM