반응형
스토어 내에서 액션에 액세스하거나 디스패치를 하는 방법
이것은 스토어에 있는 알림 모듈입니다.스토어 자체에서 클리어 메서드를 트리거하여 몇 초 후 자동으로 알림이 트리거되면 알림을 닫도록 하겠습니다.어떻게 하면 좋을까요?
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
반응형
'programing' 카테고리의 다른 글
Vue.js 슬롯을 프로그래밍 방식으로 작성하는 방법 (0) | 2022.08.13 |
---|---|
vuex, axios에서 불필요한 요청을 모두 취소하는 방법 (0) | 2022.08.13 |
Java 문자열에 있는 두 개 이상의 공백을 단일 공백으로 대체하고 선행 및 후행 공백을 삭제하는 방법 (0) | 2022.08.13 |
One-past-malloc을 가리키는 포인터를 사용하는 것이 잘 정의되어 있습니까? (0) | 2022.08.13 |
제공/주입된 VUE 컴포넌트를 유닛 테스트하는 방법 (0) | 2022.08.11 |