Vue.js框架

【实例简介】Vue.js框架
【实例截图
【核心代码】 //地址数据
getters:{
totleCount(state){
let count=0
state.carPanelData.forEach(
goods=>{
count =goods.count
})
  return count
},
totlePrice(state)
{
let price=0
state.carPanelData.forEach(
goods=>{
price =goods.count*goods.price
})
  return price
},
//全选
allChecked(state){
let allchecked=true
state.carPanelData.forEach(
goods=>{
if(!goods.check)
{
allchecked=false
return
}
})
return allchecked
},
//计算总金额
checkedPrice(state)
{
let price=0
state.carPanelData.forEach(
goods=>{
if(goods.check)
{
price = goods.price*goods.count

}
})
return price
},
//计算数量
checkedCount(state)
{
let count=0
state.carPanelData.forEach(
goods=>{
if(goods.check)
{
count =goods.count

}
})
return count
},
//当前加入的商品
checkGoods(state){
let checkGoods=[]
state.carPanelData.forEach(
goods=>{
if(goods.check)
{

checkGoods.push(goods)
}
})
return checkGoods
}
},
mutations:{
addCarpanelData(state,data)
{
let bOff=true
state.carPanelData.forEach(goods=>{
if(goods.sku_id === data.info.sku_id){
goods.count =data.count
if(goods.count>goods.limit_num){
goods.count -=data.count
state.maxOff=true
bOff=false
return 
}
// bOff=false
state.carShow=true
state.ball.show=true
state.ball.img=data.info.ali_image
state.ball.el=event.path[0]
}
})
if(bOff){
state.carShow=true
let goodsData = data.info
Vue.set(goodsData,'count',data.count)
Vue.set(goodsData,'check',true)
state.carPanelData.push(goodsData)
state.ball.show=true
state.ball.img=data.info.ali_image
state.ball.el=event.path[0]
}

},  //关闭提示
closePrompt(state){
state.maxOff=false
},  
//删除购物车内容
delCarpanelData(state,id){
state.carPanelData.forEach((goods,index)=>{
if(goods.sku_id===id){
state.carPanelData.splice(index,1)
return 
}
})
},