clearInterval不起作用,vue中定时器无法关闭

1.场景

在vue中，设置定时器，使用clearInterval()不起效果，这是因为经过页面切换，设置的定时器已不是同一个，再使用clearInterval只对当前页面的定时器清除，但之前页面定义的无法清除

2.解决方法

vue离开页面时销毁定时器。vue 是单页面应用，路由切换后，定时器并不会自动关闭，需要手动清除，当页面被销毁时，清除定时器即可。

data: {
    return {
        refreshInterval: null
    }
},
created() {
    this.refreshInterval= setInterval(....);
},
//在离开页面时执行
beforeDestroy() {
    if(this.refreshInterval) { //如果定时器还在运行,关闭定时器
        clearInterval(this.refreshInterval); //关闭
    }
}