购物车中 商品的选中状态之后的一些业务逻辑操作

当用户点击商品单选框时,业务逻辑包括:根据商品ID更新商品列表中相应对象的选中状态,判断全选按钮状态,计算并更新商品总数和总价,最后将这些数据同步到界面展示。
摘要由CSDN通过智能技术生成

在这里插入图片描述

如图,当我们点击 商品的单选框之后 我们要对数据进行处理

总结一下 业务逻辑:
以点击 单个复选框为列

  1. 当点击 商品的复选框之后 传入当前商品的id
  2. 拿到商品列表,在商品列表中找到所点击商品对象,更改其对象中isChecked字段的值
  3. 此时商品列表的数据已被更改。还没有同步到界面中
  4. 重新判定 全选按钮的状态
  5. 重新判定 商品数量 和 商品总价
  6. 全部判定好了之后 再写入各自的数据中 界面就会同步起来了
//单个复选框 
    handleItemChange(e) {
   
        const id = e.currentTarget.dataset.id
        const cartList 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值