Czy istnieje sposób na wysyłanie akcji między dwoma modułami Vuex w przestrzeni nazw?

Czy jest możliwe wysłanie akcji między modułami w przestrzeni nazw?

Np. Mam moduły vuex „gameboard” i „notification”. Każdy ma przestrzeń nazw. Chciałbym wysłać akcję z planszy do modułu powiadomień.

Pomyślałem, że mógłbym użyć nazwy modułu w nazwie akcji wysyłki w następujący sposób:

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

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

Ale kiedy próbuję to zrobić, otrzymuję błędy, które sprawiają, że Vuex próbuje wywołać akcję w moim module planszy:

[vuex] nieznany typ akcji lokalnej: notification / triggerSelfDismissingNotification, typ globalny: gameboard / notification / triggerSelfDismissingNotification

Czy istnieje sposób wysyłania z modułu vuex do modułu, czy też muszę utworzyć jakiś rodzaj mostu w głównej instancji vuex?

Musisz tylko określić, że wysyłasz z kontekstu głównego:

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

Teraz, gdy wysyłka dotrze do katalogu głównego, będzie miała poprawną ścieżkę przestrzeni nazw do modułu powiadomień (względem wystąpienia głównego).

Jest to przy założeniu, że masz ustawione namespaced: truena vuex moduł sklepu.

Jak mencioned @ MKatleast3

Możesz użyć this.dispatch. Nie wymaga {root: true}opcji wysyłki. To jest globalne.