有没有办法在两个命名空间的 vuex 模块之间分派操作？

Question

是否可以在命名空间模块之间分派操作？

例如我有 Vuex 模块“游戏板”和“通知”。每个都有命名空间。我想从通知模块中的游戏板模块发送一个动作。

我想我可以像这样在调度操作名称中使用模块名称：

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

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

但是当我尝试执行此操作时，出现错误，让我认为 Vuex 正试图在我的游戏板模块中发送一个动作：

[vuex] unknown local action type: notification/triggerSelfDismissingNotification, global type: gameboard/notification/triggerSelfDismissingNotification

有没有一种方法可以将给定 Vuex 模块的动作分派到另一个 Vuex 模块，或者我是否需要在根 Vuex 实例中创建某种桥接器？

Answer 1

您只需要指定您是从根上下文调度：

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

现在，当分派到达根时，它将具有通知模块的正确命名空间路径（相对于根实例）。

这是假设您在 Vuex 商店模块上设置 namespaced: true。

Answer 2

dispatch('mobuleB/actionB', null, { root: true })

有没有办法在两个命名空间的 vuex 模块之间分派操作？

Is there a way to dispatch actions between two namespaced vuex modules?

vue.js

vuex

vuejs2

vuex-modules