购物车商品数量编辑实现

九品印相

于 2024-02-07 12:07:53 发布

阅读量430

点赞数 11

分类专栏：分布式小程序电商2 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_68935893/article/details/136067725

版权

分布式小程序电商2 专栏收录该内容

78 篇文章

订阅专栏

绑定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);
    },