无法在 vuex 中更新购物车商品数量答案

【问题标题】：unable to update cart items quantity in vuex无法在 vuex 中更新购物车商品数量
【发布时间】：2020-12-29 07:56:14
【问题描述】：

我一直被困在 vuex 商店，我不知道如何更新购物车项目数量，添加到产品工作正常但我们将如何更改购物车项目的数量谁能告诉我，

action.js

export const updateCart = ({ commit, dispatch }, { product, quantity }) => {
commit('UPDATE_CART', { product, quantity });

购物车更新（{ 产品ID：产品ID，数量 });

}

mutation.js

export const UPDATE_CART = (state, { product, quantity }) => {

let productInCart = state.cart.find(item => {
  
    return item.product.id === product.id;
});

if (productInCart) {
    productInCart.quantity += quantity;
    return;
}



state.cart.push({
    product,
    quantity
})

}

cart.vue

<input class="quantity-spinner" type="text" @keyup="updateCart(item,$event)" :value="item.quantity" name="quantity">
methods: {
goToRoute(name){
        this.$router.push(this.$baseUrl+'/'+name)
    },

...mapActions("cart", [
  "removeProductFromCart",
  "clearCartItems",
  "getCartItems",
  "updateCart"
]),

updateCart(product,e)
{
    this.quantity = e.target.value;

    this.updateCart({
        product:product,
        quantity: parseInt(this.quantity)
    });
}

【问题讨论】：

标签： vue.js vuex

【解决方案1】：

要更新商店，您需要调度操作。

cart.vue

updateCart(product, e)
{
    this.quantity = parseInt(e.target.value);
    this.$store.dispatch('UPDATE_CART',{ product, quantity: this.quantity })
}

【讨论】：