然后我们再选择此商品,选择尺码26和数量为2,
点击加入购物车,购物车页面的数据为:
购物车的效果便实现了。
实现思想是,首先定义一个存放购物车的cartInfo【】,然后往里添加数据。对购物车数据进行查找,如果返回的index == -1,说明购物车里没有这件商品,添加至购物车。否则,就更新对应下标商品的数据。
实现代码如下:
商品详情页(shoppingitem.vue)
import storage from '../model/storage.js';
export default {
data() {
return {
info:{},
value:'',
num:1,
currentSize:'',
cartInfo:[]
}
},m