vue-购物车系列

利用本地存储localStorage实现购物车

加入购物车

 addCars(goods) {
      // console.log(goods);
      // this.cars.unshift(goods);
      // console.log(this.carsList);
      // localStorage.setItem('car',index)
      let flag = 0;
      //遍历数组
      this.cars.some(val => {
      //判断同一商品是否重复点击加入购物车
        if (val.project_id === goods.project_id) {
      //重复添加同一商品，数量++
          // console.log(goods.project_id);
          val.num++;
          flag = 1;
          return true;
        }
        // console.log(JSON.parse(localStorage.getItem("cars")));
      });
     //添加新商品，加进数组
      if (flag === 0) {
        this.cars.unshift(goods);
      }
      // console.log(this.cars);
      //进行本地存储
      localStorage.setItem("cars", JSON.stringify(this.cars));
      this.carsList = JSON.parse(localStorage.getItem("cars"));
    }

<