ChatGPT解决这个技术问题 Extra ChatGPT

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

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

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

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

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

但是当我尝试这样做时,我得到了一些错误,让我认为 Vuex 试图在我的游戏板模块中调度一个动作:

[vuex] 未知本地动作类型:notification/triggerSelfDismissingNotification,全局类型:gameboard/notification/triggerSelfDismissingNotification

有没有办法将动作从给定的 Vuex 模块分派到另一个模块,或者我需要在根 Vuex 实例中创建某种桥接器?


z
zcoop98

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

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

现在,当调度到达根时,它将具有通知模块的正确命名空间路径(相对于根实例)。

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


这是我在互联网上寻找解决方案的唯一一击。谢谢回答。
公平地说,它在“访问命名空间模块中的全局资产”中记录在 vuex.vuejs.org/en/modules.html。虽然接受起来有点尴尬。
我喜欢 vue,但在我看来 vuex 增加了更多的难度,而不是让它变得更简单。现在我知道这不是 vuex 的目的,但是,我总是需要了解一些约定,如本示例 notification/trigger 中的一些约定,这不是很烦人,那么如果我想让它更通用一点,我做${NOTIF_TYPE_NAME}/${NOTIF_TRIGGER_ACTION},仍然需要斜线,甚至为此创建一个辅助函数,我觉得当我希望我的应用程序更加模块化时,我付出的比我得到的要多得多。这是我的意见
您可以使用 this.dispatch。它不需要 {root: true}。这是全球性的。
不,您必须使用 {root: true}。您的意思可能是分派到一个子模块,它确实(并且显然)不需要这个标志。
K
Kaddu Livingstone

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


关注公众号,不定期副业成功案例分享
关注公众号

不定期副业成功案例分享

领先一步获取最新的外包任务吗?

立即订阅