Existe uma maneira de despachar ações entre dois módulos vuex com espaço para nome?

É possível despachar uma ação entre módulos com espaço para nome?

Por exemplo, eu tenho os módulos vuex "gameboard" e "notification". Cada um tem espaço para nome. Gostaria de despachar uma ação do tabuleiro de jogo para o módulo de notificação.

Eu pensei que poderia usar o nome do módulo no nome da ação de despacho como este:

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

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

Mas quando tento fazer isso, obtenho erros que me fazem pensar que a vuex está tentando despachar uma ação dentro do meu módulo da placa de jogo:

[vuex] tipo de ação local desconhecido: notification / triggerSelfDismissingNotification, tipo global: gameboard / notification / triggerSelfDismissingNotification

Existe uma maneira de despachar do módulo vuex para o módulo ou preciso criar algum tipo de ponte na instância raiz do vuex?

Você só precisa especificar que está enviando a partir do contexto raiz:

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

Agora, quando o despacho atingir a raiz, ele terá o caminho de espaço para nome correto para o módulo de notificações (relativo à instância raiz).

Isso pressupõe que você esteja configurando namespaced: trueno seu módulo de armazenamento vuex.

Como mencionado @ MKatleast3

Você pode usar this.dispatch. Não precisa de {root: true}opções de envio. Isso é global.