클리어 방법vuejs 상태 간격

클리어 방법vuejs 상태 간격

vuex에 다음 코드가 있습니다.

export default new Vuex.Store({
    state: { 
        intervalVar: 0
    },

    mutations: {
        SET(state, {key, value}) {
            state[key] = value
        },
    },

    actions: {
        doSomething({commit}) {
            commit("SET", {
                key: 'intervalVar',
                value: setInterval( () => console.log('hi'), 30000)
            })
        }, 
    }, 
})

보시다시피 setInterval 값을 state로 지정합니다.intervalVar인데 클리어 방법을 모르겠어요.온 상태의 인터벌intervalVar.

전화하시면 됩니다.SET와의 돌연변이.0값:

actions: {
    clearInterval({state, commit}) {
        clearInterval(state.intervalVar)
        commit("SET", {
            key: 'intervalVar',
            value: 0,
        })
    }, 
}, 

간격을 지우려면 다른 작업을 추가하면 안 됩니까?

export default new Vuex.Store({
    state: { 
        intervalVar: 0
    },
    mutations: {
        SET(state, {key, value}) {
            state[key] = value
        },
        CLEAR(state, key) {
            clearInterval(state[key]);
        }
    },

    actions: {
        async doSomething({commit}) {
            commit("SET", {
                key: 'intervalVar',
                value: setInterval( () => console.log('hi'), 30000)
            })
        },
        clearSomething({ commit }) {
            commit('CLEAR', 'intervalVar');
        }
    }, 
})

언급URL : https://stackoverflow.com/questions/63113038/how-do-i-clearinterval-a-vuejs-state