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

 时间:2026-02-14 04:44:15

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点击加入购物车怎么加入数据

  • 摩尔庄园怎么兑换奖励
  • 摩尔庄园中如何为拉姆购买食物
  • Ubuntu 显示System program problem detected
  • 销售人员10种有效获客渠道
  • 三人飞扬的小鸟玩法攻略
  • 热门搜索
    西藏旅游路线 邮轮旅游 vr旅游 广西旅游 泰国旅游 南宁旅游 旅游电子商务 烟台旅游 昆明旅游景点 方特旅游度假区