vuex 如何清空setInterval

Question

缘由：在子路由里有个setInterval，一直不停调用某个接口，但是回到其他页面或者父路由页面就要清空这个setInterval；在这个子组件中定义setInterval为timer，当然可以清空，不过在其他页面中是找不到这个timer的，所以想到用vuex处理；如上，不知道怎么clearInterval 这个timer（changeKeepInter的值）？刚接触vuex，有不了解的地方，请各位大神指教！因为我需要在其他页面中用到这个setInterval，需要在其他页面中手动清空，请问这个该怎么处理？

Answer 1

在你路由destroyed的时候清掉呗。

export default {

    data() {

        return {

            someTimer: null

        }

    },

    methods: {

        someFunc() {

            this.someTimer = setInterval(() => {}, 2000);

        }

    },

    destroyed() {

        this.someTimer && window.clearInterval(this.someTimer);

    }

}