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

Answer 2

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。
你这个代码片段给它传的是一个function肯定不能清除啊