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

Lucky_zss

于 2024-04-16 15:32:20 发布

阅读量367

点赞数 3

文章标签：前端 javascript vue.js

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

版权

文章讲述了如何通过JavaScript的localStorageAPI来管理购物车，包括解析存储的cart信息，检查并增加商品数量，以及更新localStorage中的数据。

摘要由CSDN通过智能技术生成

//获取本地存储的商品 
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]));
  //     }

  // }






}