vue 定時器的問題


在項目中,我們經常會使用到定時器setInterval(),可是很多時候我們會發現,即使我退出當前頁面,定時器依然在工作,非常消耗內存,所以我們要進行手動清理:

將定時器保存在變量中,退出頁面時清除變量

1.定義空的變量

data: function (){

  return {

    timer: null

  }

}

2.定義定時器

methods: {

  setTimer: function () {

    this.timer = setInterval( () => {

        .....  

      }, 1000)

  }

}

3.進入和退出時清除定時器

mounted() {

  clearInterval(this.timer)

},

distroyed: function () {

  clearInterval(this.timer)

}


免責聲明!

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



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