300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信小程序实现加入购物车功能

微信小程序实现加入购物车功能

时间:2019-12-08 20:03:29

相关推荐

微信小程序实现加入购物车功能

文件wxml

<view class="footer-three" catchtap="addShop" data-id="{{item}}">加入购物车</view>

js

let carts = wx.getStorageSync(‘carts’) || []; 去缓存找购物车

addShop(){//加入购物车let carts = wx.getStorageSync('carts')||[];//获取储存中的购物车let index = carts.findIndex(v=>v.goods_id===this.data.swiperList.goods_id)//findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。//如果储存里的商品id=本地数据商品id 则返回此元素位置if(index===-1){//如果购物车为空this.data.swiperList.num=1;//添加一个数量属性this.data.swiperList.selected=true;//添加一个判断是否勾选的属性carts.push(this.data.swiperList)//把本地商品添加进购物车wx.setStorageSync('carts', carts)//添加成功后储存购物车}else{//购物车不为空carts[index].num++;//一样的商品数量叠加wx.setStorageSync('carts', carts)//重新储存购物车}wx.showToast({//加入后的提示弹框title: '加入成功',icon:'success',mask:true,})console.log(carts)},

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。