VueJS how to pass two parameters to an Vuex action

Question

<button class="btn" @click="removeFromTheCart(index,item.price)">
  Remove
</button>

I'm passing two parameters to my action removeFromTheCart.

removeFromTheCart({ commit }, payload) {
  console.log("rooooooohhhhhoooow",payload)

When I console log my payload inside the vuex store it only outputs the index. My second parameter wasn't in the output.

How do I get two parameter values through an action?

Answer 1

You can send an object as your payload, like this :

<button class="btn" @click="removeFromTheCart({ index, price: item.price })">Remove</button>

And fetch the data in your store :

removeFromTheCart({ commit }, { index, price }) {
  console.log('index', index, 'price', price);
}