programing

스토어 내에서 액션에 액세스하거나 디스패치를 하는 방법

goodsources 2022. 8. 13. 12:28
반응형

스토어 내에서 액션에 액세스하거나 디스패치를 하는 방법

이것은 스토어에 있는 알림 모듈입니다.스토어 자체에서 클리어 메서드를 트리거하여 몇 초 후 자동으로 알림이 트리거되면 알림을 닫도록 하겠습니다.어떻게 하면 좋을까요?

export const mutations = {
    success(state, message, isModal) {
        state.type = 'success';
        state.message = message;
        state.show = true;
        state.isModalMsg = isModal;
        setTimeout(()=>{
            actions.clear(state);
        },3000);
    },
    error(state, message, isModal) {
        state.type = 'danger';
        state.message = message;
        state.show = true;
        state.isModalMsg = isModal;
    },
    clear(state) {
        state.type = null;
        state.message = null;
        state.show = false;
        state.isModalMsg = false;
    }
};

export const actions = {
    success({ commit }, message) {
        commit('success', message);
    },
    error({ commit }, message) {
        commit('error', message);
    },
    clear({ commit }) {
        commit('clear');
    }

사용하다dispatch내부로부터success액션:

success({ commit, dispatch }, message) {
    commit('success', message);
    setTimeout(() => {
        dispatch('clear');
    }, 2000)
},

언급URL : https://stackoverflow.com/questions/65170312/how-to-access-an-action-or-make-a-dispatch-from-inside-the-store

반응형