Sometimes, we want to pass multiple parameters to a Vuex mutation.
In this article, we’ll look at how to pass multiple parameters to a Vuex mutation.
Passing Multiple Parameters to a Mutation with Vuex
To pass multiple parameters to action with Vuex, we can pass in an object as the payload.
For instance, we can create our mutation by writing:
mutations: {
setToken(state, { token, expiration }) {
localStorage.setItem('token', token);
localStorage.setItem('expiration', expiration);
}
}
We have an object as the second parameter.
It has the token and expiration properties.
Then we can invoke the mutation by writing:
store.commit('setToken', {
token,
expiration,
});
We invoke the setToken mutation with the token and expiration properties in an object as the 2nd argument.
Conclusion
To pass multiple parameters to action with Vuex, we can pass in an object as the payload.
