네임 스페이스가 지정된 두 개의 vuex 모듈간에 작업을 전달하는 방법이 있습니까?

네임 스페이스 모듈간에 작업을 전달할 수 있습니까?

예를 들어, vuex 모듈 "gameboard"및 "notification"이 있습니다. 각각은 네임 스페이스입니다. 게임 보드에서 알림 모듈로 액션을 전달하고 싶습니다.

다음과 같이 디스패치 작업 이름에 모듈 이름을 사용할 수 있다고 생각했습니다.

// store/modules/gameboard.js
const actions = {
    myaction ({dispatch}) {
        ...
        dispatch('notification/triggerSelfDismissingNotifcation', {...})
    }
}

// store/modules/notification.js
const actions = {
    triggerSelfDismissingNotification (context, payload) {
        ...
    }
}

그러나이 작업을 시도 할 때 vuex가 내 게임 보드 모듈 내에서 액션을 전달하려고하는 오류가 발생합니다.

[vuex] 알 수없는 로컬 액션 유형 : notification / triggerSelfDismissingNotification, 글로벌 유형 : 게임 보드 / 알림 / triggerSelfDismissingNotification

vuex 모듈에서 모듈로 디스패치하는 방법이 있습니까? 아니면 루트 vuex 인스턴스에 일종의 브리지를 만들어야합니까?

루트 컨텍스트에서 디스패치하도록 지정하면됩니다.

// from the gameboard.js vuex module
dispatch('notification/triggerSelfDismissingNotifcation', {...}, {root:true})

이제 디스패치가 루트에 도달하면 알림 모듈에 대한 올바른 네임 스페이스 경로를 갖게됩니다 (루트 인스턴스와 관련됨).

이것은 namespaced: truevuex 상점 모듈에서 설정한다고 가정합니다 .

@ MKatleast3을 mencioned로

사용할 수 있습니다 this.dispatch. {root: true}디스패치 옵션 에는 필요하지 않습니다 . 이것은 세계적입니다.