vue.js - 从 Vuex 中的一个模块更改另一个模块状态

Question

我的 vuex 存储中有两个模块。

var store = new Vuex.Store({
    modules: {
        loading: loading 
        posts: posts
    }
});

在模块 loading 中，我有一个属性 saving 可以设置为 true 或 false 并且还有一个名为 TOGGLE_SAVING 的突变函数来设置此属性。

在模块 posts 中，在获取帖子之前和之后，我想更改属性 saving。我是通过从 posts 模块中的一个操作调用 commit('TOGGLE_SAVING') 来实现的。

var getPosts = function (context) {
    context.commit(TOGGLE_LOADING);
};

当它尝试提交时，我在控制台中收到以下错误

[vuex] unknown local mutation type: TOGGLE_LOADING, global type: posts/TOGGLE_LOADING 

如何使用 commit 改变另一个模块中的状态？

Answer 1

按照建议使用以下参数尝试 here ;

commit('TOGGLE_LOADING', null, { root: true })

如果您将 namespaced 设置为 true(在 Nuxt 中，这是模块模式下的默认设置)，这将变为:

commit('loading/TOGGLE_LOADING', null, { root: true })