vuex 如何清空setInterval

Question

缘由：在子路由里有个setInterval，一直不停调用某个接口，但是回到其他页面或者父路由页面就要清空这个setInterval；在这个子组件中定义setInterval为timer，当然可以清空，不过在其他页面中是找不到这个timer的，所以想到用vuex处理；mounted(){this.init();//this.$store.dispatch('fetchPageList');},methods:{backTrack(){this.$store.commit('showBg',false);//clearInterval(this.$store.commit('changeKeepInter',undefined));},init(){let_time=newDate().getTime();this.$http.get('https://xx?appkey='+this.appId+'&os='+this.plat+'×tamp='+_time,{headers:{'Content-Type':'application/json;charset=UTF-8;'}}).then((data)=>{this.$store.commit('changeKeepInter',setInterval(function(){console.log('打印');／／todo},2000));},(err)=>{})}}如上，不知道怎么clearInterval这个timer（changeKeepInter的值）？刚接触vuex，有不了解的地方，请各位大神指教！因为我需要在其他页面中用到这个setInterval，需要在其他页面中手动清空，请问这个该怎么处理？

Answer 1

在你路由destroyed的时候清掉呗。
exportdefault{
data(){
return{
someTimer:null
}
},
methods:{
someFunc(){
this.someTimer=setInterval(()=>{},2000);
}
},
destroyed(){
this.someTimer&&window.clearInterval(this.someTimer);
}
}