如何检查购物车中每个产品的库存

Question

我将我的购物车存储在 Vuex 中，并通过 API 调用将产品添加到购物车中。我要做的是根据每种产品的库存，我想禁用 API 调用。所以在我的 getetrs 中：

export const checkStock = (state) => {
    let stockAvailable = true;
    state.cart.forEach(item => {
        if(item.product.attributes.stock <= item.amount){
            stockAvailable = false;
        }
    })
    return stockAvailable;
}

我正在检查库存以及库存是否正确。 在我进行 API 调用并将产品添加到购物车的产品组件中，我从 getters.js 文件中获取 checkStock 函数：

checkStockAvailability() {
            return this.$store.getters.checkStock;
        },
addToCart: function () {
            this.amount = this.itemsCount !== "" ? this.itemsCount : 1;
            if(this.variationId != null) {
                this.warningMessage = false;
                    if(this.checkStockAvailability()) {
                        cartHelper.addToCart(this.product.id, this.variationId, this.amount, (response) => {
                            this.$store.dispatch('addProductToCart', {
                                product: this.product,
                                variation: this.variationId,
                                amount: parseInt(this.amount)
                            })
                        });
                    }
            } else {
                this.warningMessage = true;
            }

        },

所以这2个函数的作用是：例如，我添加有5只股票的产品1，一旦我添加了这5只，我就不能再添加更多了，这也是正确的。但我也不能添加有足够库存的产品 2。 所以我认为我需要将我的 checkStock 功能更改为产品，但我不知道该怎么做。所以请看看我的问题，让我知道任何建议。

Answer 1

所以，如果我理解正确，当产品 A 有 5 件库存商品，而您购买这 5 件商品时，产品 B（也有 N 件库存商品）也被标记为缺货。

问题似乎出在您的函数checkStock 中，因为您正在执行forEach 操作，并且，一旦您看到一个产品没有足够的可用项目，您将stockAvailable 设置为false，并返回该值。因此，此功能不取决于您要求的产品，但其中任何一个都不足以购买。您需要传递产品名称或 ID（最适合您的）。

作为参考：

export const checkStock = (state, productName) => {
    let stockAvailable = true;
    state.cart.forEach(item => {
        // First, you search for your product
        if(item.product.name === productName) {
          // Then you check if there is enough stock available
          if(item.product.attributes.stock <= item.amount){
              stockAvailable = false;
          }
        }
    })
    return stockAvailable;
}

最终的实现将取决于您的item 对象的配置。您可以按 id 而不是 name 搜索。此外，您可以在 state 对象中作为字典搜索此特定产品，而不是遍历所有产品。