购物车添加商品，解决数量添加一个+1，添加10个，总数量更新的bug

Lucky_zss

于 2024-04-28 10:49:28 发布

阅读量180

点赞数 1

文章标签：算法

本文链接：https://blog.csdn.net/zss_base/article/details/138270905

版权

本文介绍了如何在Vue应用中使用Pinia库管理购物车，包括检查商品是否已存在、增加商品数量以及处理新商品的添加。着重讨论了处理既有商品数量更新的逻辑和新商品的添加策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 通过pinia添加到购物车商品
//shops 代表每个商品
const addCart = (shops) => {
  
  if (cartStores.shop.includes(shops)) {
    cartStores.addItemToArray(shops);
  } else {
        const index = cartStores.shop.findIndex((item) => item.id === shops.id)
        if (index !== -1 ) {
            // 购物车中已有该商品，只增加数量     这里有bug
            // 如果添加的数量是1
            if(shops.num ==1){
              cartStores.shop[index].num++;
            }else{
              cartStores.shop[index].num += shops.num++
            } 
          } else {
            // 购物车中没有该商品，添加到购物车
            // cartStores.shop.push({ ...shops});
            cartStores.addShop(shops);
          }
   
  }