Vue實時刷新之看評論改BUG

上一篇文章評論總結

不發不知道,一發嚇一跳,我這個是看評論改BUG啊,因此我要總結一下我上一篇文章的錯誤,謝謝大佬們提的建議,每一個我都親自嘗試。vue

我認爲每一個人都要敢於去發表本身的小總結,雖然用多是錯誤的(好比說我),可是能夠看評論改bug,哈哈哈,開個玩笑,這樣真的會讓你學習到不少東西。學習

個人上一篇文章有2點錯誤,

  1. timer中返回的不是定時器,因此clear不能清除。
  2. setTimeout定時器不用清除也能夠,頁面切換就會自動關閉,自認爲是能夠清除的。(呵呵,嘲笑本身)

最最終版

但願別在多一個this

<script>
export default {
    name: 'timer',
    data() {
         return{
            _timer:function(){}
        }
    },
    created() {
      this.getData()
      this._timer()
    },
    methods: {
    	// 獲取數據
    	getData() {
            .....
    	},
    	// 定時器
        timer() {
            this._timer = setInterval(()=>{
                this.getData()
            },1000)
        }
    },
    destroyed() {
        clearInterval(this._timer)
    }
}
</script>
複製代碼

謝謝大佬,adensW提供此方法。spa

笑對BUG

相關文章
相關標籤/搜索