人生的第一个笔记
原生小程序的购物车页面,注意,这里的购物车用的是自己的逻辑,而并非全部都是请求接口,首先,我们用了一个最简单粗暴的方法,商品详情页跳转购物车页面的时候,直接将当前的商品存到缓存里面,也就是storage里面,然后在购物车页面获取,渲染页面就可以了,当然,这些都不是问题,主要的问题在哪儿,如果用户点了两次当前商品的话,总不可能购物车里面出现相同的商品吧,所以,就用到了原生JS。
这是data里面定义的空数组
goodsList:[],//当前从缓存里面获取到的商品
ids:[],//当前商品的各个独有的id
item_list:[],//当前的商品
num_list:[],//当前商品是否为重复
check_list:[] // 当前商品的选中状态
=页面刚进入就渲染
onLoad: function (options) {
let goodList = wx.getStorageSync(‘SHOPLIST’)
, ids = []
, num_list = []
, item_list = []
, check_list = []
//循环遍历这个数组,拿到里面的每一项
goodList.forEach(item => {
//indexOf() 方法返回在数组中可以找到一个给定元素的第一个索引