购物车商品数量编辑实现

绑定handleItemNumEdit事件,带上id和operation参数

<view class="cart_num_tool">
            <view class="num_edit" bindtap="handleItemNumEdit" data-id="{{item.id}}" data-operation="{{-1}}"></view>
            <view class="goods_num">{{item.num}}</view>
            <view class="num_edit" bindtap="handleItemNumEdit" data-id="{{item.id}}" data-operation="{{1}}">+</view>
          </view>

编辑逻辑,获取operation,id,得到cart,判断索引,设置num数据量

  //商品数量的编辑功能
    handleItemNumEdit(e){
        const {operation,id}=e.currentTarget.dataset;
        console.log(operation,id);
        let {cart}=this.data;
        let index=cart.findIndex(v=>v.id===id);
        cart[index].num+=operation;
        this.setCart(cart);
    },

你可能感兴趣的:(分布式小程序电商2,vue.js,前端,javascript)