如图,当我们点击 商品的单选框之后 我们要对数据进行处理
总结一下 业务逻辑:
以点击 单个复选框为列
- 当点击 商品的复选框之后 传入当前商品的id
- 拿到商品列表,在商品列表中找到所点击商品对象,更改其对象中isChecked字段的值
- 此时商品列表的数据已被更改。还没有同步到界面中
- 重新判定 全选按钮的状态
- 重新判定 商品数量 和 商品总价
- 全部判定好了之后 再写入各自的数据中 界面就会同步起来了
//单个复选框
handleItemChange(e) {
const id = e.currentTarget.dataset.id
const cartList