Vue实现购物车场景下的应用
本文实例为大家分享了Vue在购物车场景下的应用,供大家参考,具体内容如下
购物车场景需求:
1.商品、店铺、购物车的选择
2.商品删除
关键代码
测试数据
var_list=[{ checked:false, goods:[{ name:"商品1", price:23, checked:false }] },{ checked:false, goods:[{ name:"商品2", price:20, checked:false },{ name:"商品3", price:30, checked:false }] }];
店铺对象组成购物车数组_list
商品对象组成店铺对象下的商品数组goods
每个商品和店铺都有自己的checked字段
一.选择商品
- 选择商品
- 选择店铺下的所有商品
- 选择购物车里的所有商品
数据绑定