別のモジュールの状態をVuexの1つのモジュールから変更する

Question

私のvuexストアには2つのモジュールがあります。モジュールloadingで

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

、私はtrueまたはfalseのいずれかを設定しても、このプロパティを設定するTOGGLE_SAVINGという名前の変異機能を持つことができるプロパティsavingを持っています。

モジュールpostsでは、投稿を取得する前後に、savingというプロパティを変更したいとします。私は、postsモジュール内のアクションの1つからcommit('TOGGLE_SAVING')を呼び出すことでそれを実行しています。それがコミットしようとしたとき、私はcommitを使用して別のモジュールに状態を変異させることができますどのようにコンソールに

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

を次のエラーを

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

得ましたか。

Answer 1

提案hereとして、次のパラメータでそれを試してみてください。

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

namespacedをtrueに設定する必要があります。

Answer 2

actionを使用して別のモジュールで定義されている突然変異をコミットすると、別のモジュールで状態を変更できます。このような

：

posts: { 
    actions: { 
    toggleSavingActions(context) { 
     // some actions 
     context.commit("TOGGLE_SAVING"); // defined in loading module 
    } 
    } 
}