博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vuex获取购物车中所有商品列表并加载显示
阅读量:4111 次
发布时间:2019-05-25

本文共 817 字,大约阅读时间需要 2 分钟。

接口:添加到购物车时候是把当前商品的id添加进去

示例api:    /api/goods/getshoplist/87,88,89

store.js

//每次先从本地中读取购物车数据,放到store中var car = JSON.parse(localStorage.getItem("car") || "[]")var store=new Vuex.Store({  state:{    car:car  },    mutations:{        addToCar(state,goodInfo){            var flag=false            //循环商品,如果存在数量相加            state.car.some(item=>{                if(item.id==goodInfo.id){                    item.count+=parseInt(goodInfo.count)                    flag=true                    return true                }            })            //如果循环最终还是false,则把商品数据直接push购物车中            if(!flag){               state.car.push(goodInfo)            }            //当更新car之后,存储到本地            localstore.setItem("car",JSON.stringfy(state.car))        }    }})

 

转载地址:http://ljesi.baihongyu.com/

你可能感兴趣的文章
【整理】Xcode中的iOS模拟器(iOS Simulator)的介绍和使用心得
查看>>
IOS中实现动画的三种方式
查看>>
Iphone控件大全
查看>>
IOS随机获取想要的内容
查看>>
IOS中Json解析的四种方法
查看>>
Android抽象布局——include、merge 、ViewStub
查看>>
Listview 控件的头尾布局
查看>>
含有CheckBOX 的listview控件实现全选全不选的功能
查看>>
Android错误信息的汇总
查看>>
iOS应用程序状态切换相关
查看>>
Android内存管理
查看>>
android中的文件操作详解以及内部存储和外部存储
查看>>
java中几种常用的排序方法
查看>>
webview实现文件下载的功能
查看>>
Android 自定义控件玩转字体变色 打造炫酷ViewPager指示器
查看>>
Keyboard的显示与隐藏
查看>>
Android开发中网络编程与常见功能优化总结
查看>>
程序开发免费的接口
查看>>
Think in Java之构造器的真正调用顺序
查看>>
Android异步更新UI的四种方式
查看>>