vue点击加入购物车怎么加入数据

2025-11-05 11:01:52

1、首先,我们需要商品goods,ps:在此项目中,默认的商品数量和加入购物车的数量由后台传入,为1和0。,由于用户可任意修改商品数量,为增加和减少按钮绑定事件(input的正则验证不能少哦)。

vue点击加入购物车怎么加入数据

2、“加入购物车“”事件,此处是核心处理部分,事件可能性较多,

开始向数组中提添加当前物品,这里存在3种情况

1、用户未添加过该商品,则直接向数组中push

2、用于已经添加了该商品、并且未做购买数量修改,则不向数组中添加

vue点击加入购物车怎么加入数据

3、用于已经添加了该商品、但是修改了购买数量,直接替换数组中的该商品对象。ok,大功告成,点击“结算”,打印用户添加的购物车对象。

vue点击加入购物车怎么加入数据

4、代码:

        add:function(index) {

        //newList   productList

        if(this.newList[index]){

        this.newList[index].pro_num++;

        }else{

        for(var i = 0; i < this.productList.length; i++){

        this.productList[index].pro_num='1';

        this.newList.push(this.productList[i]);

                /* for(var i=0;i<this.newLelist.length;i++){

console.log(this.newLelist[index,i])

}*/

        }

       

        }

}

vue点击加入购物车怎么加入数据

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢