vue实现添加购物车 如果存在则实行数量加加 否则新添加到列表

博客展示了HTML和JS代码实现添加数据的功能。HTML部分有一个按钮,点击触发add函数。JS的add函数会创建新数据对象,若已有数据数组不为空,会检查是否已有相同项,有则数量加1,无则添加新项;若数组为空则直接添加新项。

HTML:

<button @click="add(newpa,newpaz)">+</button>

JS:

add: function(item, option) {

let sumsdata = {

name: item.name,

size: option.size,

price: option.price,

cunt: 1

};

if (this.pazzdata.length > 0) {

let pd = this.pazzdata.filter(pazznew => {

return pazznew.name == item.name && pazznew.price == option.price;

});

if (pd != null && pd.length > 0) {

pd[0].cunt++;

} else {

this.pazzdata.push(sumsdata);

}

} else {

this.pazzdata.push(sumsdata);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值