Vue實時重新整理之看評論改BUG

一個小前端發表於2019-01-21

上一篇文章評論總結

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

我認為每個人都要勇於去發表自己的小總結,雖然用可能是錯誤的(比如說我),但是可以看評論改bug,哈哈哈,開個玩笑,這樣真的會讓你學習到很多東西。

我的上一篇文章有2點錯誤,

  1. timer中返回的不是定時器,所以clear不能清除。
  2. setTimeout定時器不用清除也可以,頁面切換就會自動關閉,自認為是可以清除的。(呵呵,嘲笑自己)

最最終版

希望別在多一個

<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提供此方法。

笑對BUG

相關文章