vue.js - tutorial - vuex modulos

¿Hay alguna manera de enviar acciones entre dos módulos vuex con espacios de nombres?

Question

¿Es posible enviar una acción entre módulos de espacios de nombres?

Por ejemplo, tengo los módulos vuex "tablero" y "notificación". Cada uno tiene un espacio de nombres. Me gustaría enviar una acción desde el tablero de juego al módulo de notificación.

Pensé que podría usar el nombre del módulo en el nombre de la acción de envío como este:

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

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

Pero cuando trato de hacer esto recibo errores que me hacen pensar que vuex está tratando de enviar una acción dentro de mi módulo de tablero de juego:

[vuex] tipo de acción local desconocido: notificación / triggerSelfDismissingNotification, tipo global: gameboard / notify / triggerSelfDismissingNotification

¿Hay alguna forma de despachar de módulo vuex a módulo o necesito crear algún tipo de puente en la instancia vuex raíz?

Answer 1

Solo necesita especificar que está enviando desde el contexto raíz:

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

Ahora, cuando el envío llega a la raíz, tendrá la ruta de espacio de nombres correcta al módulo de notificaciones (en relación con la instancia raíz).

Esto supone que está configurando el namespaced: true en su módulo de tienda vuex.