美文网首页
vue的购物车原理

vue的购物车原理

作者: __不靠谱先生 | 来源:发表于2018-12-27 22:01 被阅读0次

    vue在使用购物车这块,在购物车里面有了信息后,添加相同的信息只在数量上+1而不是再次往数组里面push数据,

    方法:

    add(item,index){    

    //           item 和index都是上面传进来的 item是for循环的每一项,index是下标                                                                  var result=this.shopItem.filter((item1,index1)=>{

                    return item1.name==item.name

    })

    // console.log(result) 这里的result返回的不是一个值(name)而是数组带有整个对象有id,price,num,desc if(result==null || result.length == 0){

                this.shopItem.push(this.goods[index]);

    }else{

    result[0].num++ }

    }, 

    相关文章

      网友评论

          本文标题:vue的购物车原理

          本文链接:https://www.haomeiwen.com/subject/ysxjlqtx.html