这里写自定义目录标题

  • 小程序商品数据对象累加加入购物车缓存导致的数组嵌套在上一层数组中(新手遇到的问题)
    • 到这里就可以了,如果你想在购物车页面获取商品列表,直接在购物车项目中,向上述的获取缓存一样,设立一个函数就可以了,注意的是不要把他放到onLoad 里,只是刚开始只调用一次,如果再次添加购物车是会无法获取新的缓存,建议放在onShow事件函数里

小程序商品数据对象累加加入购物车缓存导致的数组嵌套在上一层数组中(新手遇到的问题)

新手刚开始在写微信小程序时,当没有购物车接口时,我们会用缓存来代替一下,当然新手可能会遇到上述问题

1、先来模拟一下点击加入购物车的

 buyNow(){   //点击加入购物车事件let good =[this.data.detail] //这里先获取商品详情页的商品数据 detail try{     //获取缓存var value =wx.getStorageSync('goods') //这里的goods是储存商品数据的key,我是直接在打开微信小程序时,在app.js里直接存储个空的key值//先来个判断if(!value){ //这里先判断刚开始加入购物车时,缓存是没有值的情况下,我们可以直接添加就可以了wx.setStorage({data:JSON.stringify(good), //这里就是转换成字符串之后的商品详情key:'goods' //key值})}else{ //这里就是多次添加购物车时操作的方法,在这里可能就会出现数组多重嵌套导致的问题let getgood =JSON.parse(value) //这里就是先获取缓存中的商品,也就只之前加入购物车中的,getgood.push(this.data.detail) //这里就是添加到上面的这已经有之前商品的数组中,如果想要把最新的放在前面,用unshift也是可以的wx.setStorage({ //这里就是存储到缓存data:JSON.stringify(getgood),key:'goods'})}}catch(e){console.log(e)}}

到这里就可以了,如果你想在购物车页面获取商品列表,直接在购物车项目中,向上述的获取缓存一样,设立一个函数就可以了,注意的是不要把他放到onLoad 里,只是刚开始只调用一次,如果再次添加购物车是会无法获取新的缓存,建议放在onShow事件函数里

小程序商品数据对象累加加入购物车缓存导致的数组嵌套在上一层数组中的问题相关推荐

  1. 小程序素材抓取软件_如何抓取微信小程序的数据?

    2017年1月份备受关注的微信小程序功能正式上线了,好多知名平台纷纷推出了自己的微信小程序,例如大众点评.美团外卖.京东购物.对于我们爬虫开发者来说这绝对是好事情,意味着又多了一个数据来源,又多了一种 ...

  2. 微信小程序开发数据缓存基础知识辨析以及运用实例

    微信小程序开发数据缓存基础知识辨析以及运用实例 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的 ...

  3. 微信小程序5——小程序网络数据请求

    小程序网络数据请求 1.小程序中网络数据请求的限制 · 只能请求https · 必须将接口的域名添加到信任列表中,即添加到request合法域名 1.1 配置requests域名 在微信公众平台上,在 ...

  4. 将大程序缩减为小程序,数据决定程序结构

    多数程序员都接触过这样的程序,即使是优秀程序员多数也都至少编写过一个这样的程序:庞大.混乱.丑陋的程序,而它们本应该可以写得短小.清晰.漂亮.我曾经见过几个程序,本质上它们就相当于如下代码: if ( ...

  5. 如何抓取微信小程序的数据?

    2017年1月份备受关注的微信小程序功能正式上线了,好多知名平台纷纷推出了自己的微信小程序,例如大众点评.美团外卖.京东购物.对于我们爬虫开发者来说这绝对是好事情,意味着又多了一个数据来源,又多了一种 ...

  6. 微信小程序:数据存储、传值、取值

    小程序界面传值 父级界面:A界面 子级界面:B界面 一.url传值 详细的配置参数可以查看组件导航:navigator,这里不再做过多的解释. 1. 正向传值:A界面 –>B界面 用 navig ...

  7. 微信小程序列表数据渲染无效问题

    我实在是太菜了隔了2,3个月没做,微信小程序的数据渲染竟然都不会用了 记住要让修改的数据立即生效只能用setData方法!! 下面转了一篇文章里面的内容,方便大家比较 转自:http://www.jb ...

  8. 微信小程序-网络数据请求

    网络数据请求 1.小程序中网络数据请求的限制 出于安全方面的考虑,小程序对数据接口的请求做出了如下两个限制: ①只能请求HTTPS类型的接口 ②必须将接口的域名添加到信任列表中 配置合法域名: 配置步 ...

  9. JS 打印 data数据_小程序导出数据到excel表

    小程序导出数据到excel表,借助云开发后台实现excel数据的保存 我们在开发小程序的过程中,可能会有这样的需求:如何将云数据库里的数据批量导出到excel表里? 这个需求可以用强大的云开发轻松实现 ...

  10. 微信小程序observers数据监听器的使用

    微信小程序observers数据监听器的使用 数据监听器可以用于监听和响应任何属性和数据字段的变化. 1.observers使用的前提条件 在微信小程序中数据监听器的使用是有几个前提条件的,否则是无法 ...

最新文章

  1. eclipse可以写前端吗_Python 竟然也可以写网页前端了!
  2. UA MATH523A 实分析3 积分理论 概念与定理整理
  3. Android Gradle Plugin 源码阅读与编译
  4. java定义一个学生类cstudent_编写一个JAVA程序片断 定义一个表示学生的类student
  5. JavaFX 的 UI 控件集 ControlsFX
  6. redis 受攻击怎么办?_最受欢迎的6个最常用的Redis库
  7. 点击文本框后页面变大
  8. razor页面跳转_如何在Blazor中使用Razor页面创建单页应用程序
  9. python之attrgetter函数对对象排序
  10. python3.8.4rc1_Python3.8.4rc1 官方正式版
  11. 想念你 2012-10-24 23:27
  12. 4. CSS id 选择器
  13. cmd看excel有多少个子表_如何将一个 Excel 工作簿中的多个工作表合并成一个工作表?...
  14. Arduino 工控板开发
  15. Android基础之将毫秒换算成(天/时/分/秒/毫秒)
  16. 纯html+css制作banner轮播图
  17. 130个物联网示范项目上榜!工信部权威发布
  18. 实战攻防之紫队视角下的实战攻防演习组织
  19. 狂神 Linux 学习笔记
  20. 女性比男性更聪明、更会投资、事业心更重、对自己更严格?揭秘女性价值崛起的数据真相!...

热门文章

  1. 《软件测试》 --- 读书笔记
  2. cartographer 代码思想解读(9)- 激光雷达畸变矫正
  3. WIN7、WIN8、WIN10家庭组共享
  4. 从代数结构上理解数集的分类
  5. Unity学习笔记(六)——顶点动画
  6. MIT开创减少双量子比特门误差的新方法,提高鲁棒性迈向纠错量子计算机
  7. 报考PMP证书要花多少钱
  8. Linux C 函数参考(日期时间) 作者: 出处:hur.cn 更新时间: 2007年01月29日
  9. 解决idea 拉取新项目没有maven窗口
  10. 微软2015校园招聘 技术类职位在线笔试-题目1 : Browser Caching