使用本地存储，点击加入购物车，进行商品使用本地存储，然后在页面渲染逻辑

原创于 2024-04-16 15:32:20 发布 · 416 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

//获取本地存储的商品 
let preserveArr = JSON.parse(localStorage.getItem("carts"));

const addCard = (shops: Object) => {

    localStorage.setItem("carts", JSON.stringify([shops])); // []
  //   if (preserveArr) {
  //     let currentInfo = preserveArr.find((el) => {
  //       return el.id === shops.id;
  //     });
  //     if (currentInfo) {
  //       currentInfo.num = currentInfo.num + 1;
  //       localStorage.setItem("carts", JSON.stringify(preserveArr));
  //     } else {
  //       shops.num = 1;
  //       localStorage.setItem("carts", JSON.stringify([shops, ...preserveArr]));
  //     }

  // }






}