1.获取加入购物车的商品数据
data () {
return {
goodslist: []
},
created: {
this.getGoodsList();
}
2.购物车列表页面渲染加入购物车的商品详情数据(服务端的商品数量默认为1)
注意: 商品数量默认为1,因为添加数量和减少数量按钮是单独组件numbox.vue,没能获取到商品数量,要通过组件传值传过去
3.在store.js里获取商品id和数量
4 父组件商品列表页通过$store.getters把商品数量传给子组件numbox(即数量加减按钮)
5.numbox页面接收父组件传过来的商品数量,并渲染到页面上