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)
    },
}