本文共 817 字,大约阅读时间需要 2 分钟。
接口:添加到购物车时候是把当前商品的id添加进去
示例api: /api/goods/getshoplist/87,88,89
{
{item.name}}
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/