vue清除定时器无效

Question

代码如下，跳转页面后定时器依然在执行

created(){    this.interval()
},
beforeDestroy () {    console.log('清除定时器')
    clearInterval(this.interval)
},
methods: {
    interval(){
        setInterval(()=>{            console.log('执行定时器')            this.loadList()
        },3000)
    },
}

Answer 1

清除的是定时器的引用，而不是方法created(){    this.interval() }, beforeDestroy () {    console.log('清除定时器')     clearInterval(this._inter) }, methods: {     interval(){        this._inter = setInterval(()=>{            console.log('执行定时器')            this.loadList()         },3000)     }, }