鍍金池/ 問答/HTML/ vue清除定時器無效

vue清除定時器無效

代碼如下，跳轉(zhuǎn)頁面后定時器依然在執(zhí)行

created(){
    this.interval()
},
beforeDestroy () {
    console.log('清除定時器')
    clearInterval(this.interval)
},
methods: {
    interval(){
        setInterval(()=>{
            console.log('執(zhí)行定時器')
            this.loadList()
        },3000)
    },
}
回答
編輯回答
脾氣硬

clearInterval() 方法的參數(shù)必須是由 setInterval() 返回的 ID 值。
你這個代碼片段給它傳的是一個function肯定不能清除啊

2017年6月8日 17:09
編輯回答
有你在

清除的是定時器的引用，而不是方法

created(){
    this.interval()
},
beforeDestroy () {
    console.log('清除定時器')
    clearInterval(this._inter)
},
methods: {
    interval(){
        this._inter = setInterval(()=>{
            console.log('執(zhí)行定時器')
            this.loadList()
        },3000)
    },
}
2017年9月3日 12:57