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

Question

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

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

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

当我在vuex商店中记录我的有效负载时，仅输出索引 我的第二个参数不在输出中。

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

Answer 1

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

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

并获取商店中的数据：

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