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

【问题标题】：VueJS how to pass two parameters to an Vuex actionVueJS 如何将两个参数传递给 Vuex 动作
【发布时间】：2018-10-04 12:21:57
【问题描述】：

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

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

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

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

如何通过一个动作获得两个参数值？

【问题讨论】：

标签： vuejs2 vuex

【解决方案1】：

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

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

并获取您商店中的数据：

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

【讨论】：