Vuex actionの処理で別のactionをコールする
Vuexのactionの処理で別のactionをコールする方法を紹介します。
第一引数のcontextを受取り、dispatchメソッドをコールします。
dispatchメソッドの第一引数はコールしたいaction名を指定し、第二引数には渡したいパラメータを指定します。
export const actionA = async (context) => {
await context.dispatch(`actionB`, パラメータ);
};
// または
export const actionA = async ({ dispatch }) => {
await dispatch(`actionB`, パラメータ);
};moduleのactionをコールする
moduleで定義したactionをコールする場合は、モジュール名/アクション名の形式でaction名を指定します。
export const actionA = async ({ dispatch }) => {
await dispatch(`moduleX/actionB`, パラメータ);
};