Чи існує спосіб відправки дій між двома модулями vuex, розміщеними з іменами?

Чи можливо відправити дію між модулями, розміщеними на імена?

Наприклад, у мене є модулі vuex "ігровий щит" та "сповіщення". Кожен розділений на імена. Я хотів би відправити дію з ігрового поля на модуль сповіщення.

Я думав, що можу використати ім'я модуля у назві дії диспетчера, як це:

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

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

Але коли я намагаюся це зробити, я отримую помилки, які змушують мене, що Vuex намагається відправити дію в моєму модулі ігрової панелі:

[vuex] невідомий локальний тип дії: сповіщення / тригерSelfDismissingNotification, глобальний тип: ігровий щит / сповіщення / тригерSelfDismissingNotification

Чи є спосіб відправки від модуля vuex до модуля чи мені потрібно створити якийсь міст в кореневому екземплярі vuex?

Вам просто потрібно вказати, що ви відправляєте з кореневого контексту:

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

Тепер, коли відправка досягне кореня, вона матиме правильний шлях простору імен до модуля сповіщень (щодо кореневого екземпляра).

Це припущення, що ви встановлюєте namespaced: trueмодуль магазину vuex.

Як задумав @ MKatleast3

Можна використовувати this.dispatch. Це не потрібно {root: true}в опціях відправки. Це глобально.