vue 定時器的問題

在項目中,咱們常常會使用到定時器setInterval(),但是不少時候咱們會發現,即便我退出當前頁面,定時器依然在工做,很是消耗內存,因此咱們要進行手動清理:this

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

1.定義空的變量io

data: function (){function

  return {變量

    timer: null定時器

  }im

}項目

2.定義定時器di

methods: {工作

  setTimer: function () {

    this.timer = setInterval( () => {

        .....  

      }, 1000)

  }

}

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

mounted() {

  clearInterval(this.timer)

},

distroyed: function () {

  clearInterval(this.timer)

}

相關文章
相關標籤/搜索