VueJS 如何将两个参数传递给 Vuex 动作

Question

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

我将两个参数传递给我的操作removeFromTheCart。

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

当我在 vuex 存储中控制台记录我的有效负载时，它只输出 index。我的第二个参数不在输出中。

如何通过操作获取两个参数值？

Answer 1

您可以发送一个对象作为您的有效负载，如下所示：

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

并获取您商店中的数据：

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