vue清除定时器无效

cccrrr
  • 217

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

created(){
    this.interval()
},
beforeDestroy () {
    console.log('清除定时器')
    clearInterval(this.interval)
},
methods: {
    interval(){
        setInterval(()=>{
            console.log('执行定时器')
            this.loadList()
        },3000)
    },
}
回复
阅读 17.2k
2 个回答

清除的是定时器的引用,而不是方法

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

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

宣传栏