应使用独立变量isAllChecked驱动全选按钮，配合计算属性或watch同步子项状态；checkbox-group的value必须为字符串数组，cartList中每项需初始化checked字段，更新时用this.$set确保响应式。
uni-app中checkbox-group全选状态如何正确绑定？
全选按钮本质是控制所有商品项的checked状态，但不能靠遍历修改每个cartList元素的checked字段再setData——这在uni-app（尤其微信小程序平台）容易因响应式失效或渲染延迟导致UI不同步。
更稳妥的做法是：用一个独立变量isAllChecked驱动全选按钮，同时用计算属性或watch同步子项状态。注意checkbox-group的value必须是字符串数组，哪怕你后端传的是数字ID，也要转成字符串，否则勾选会失效：
<checkbox-group @change="onCheckAllChange">
<label class="uni-flex" v-for="item in cartList" :key="item.id">
<checkbox :value="String(item.id)" :checked="item.checked" />
</label>
</checkbox-group>
-
cartList里每个item必须带checked: boolean字段，初始化时别漏设默认值（false） - 不要在
@change里直接改cartList[i].checked，而应通过this.$set(cartList[i], 'checked', true)确保响应式更新 - 全选逻辑里，避免用
cartList.forEach(...)批量赋值，改用map生成新数组再整体赋值，减少响应式陷阱
为什么getTotalPrice()算出来的金额总是不对？
金额计算错误最常见的原因是浮点数精度问题 + 未过滤未勾选项。uni-app里Number.toFixed(2)只是字符串格式化，不能用于中间计算；且如果没加filter(item => item.checked)，就会把未选商品也计入总价。
正确做法是：先筛选、再累加、最后统一保留两位小数。推荐用reduce链式处理，避免临时变量干扰：
getTotalPrice() {
return this.cartList
.filter(item => item.checked)
.reduce((sum, item) => sum + item.price * item.count, 0)
.toFixed(2);
}
-
item.price和item.count都必须是数字类型，后端返回字符串时要显式parseFloat或Number转换 - 别在
v-model或input事件里实时调用getTotalPrice()，会导致频繁重绘；建议用computed或watch监听cartList变化后计算 - 如果商品有优惠价/会员价等多价格字段，务必确认业务上用的是哪个字段参与计算，别硬编码写死
price
反选功能怎么写才不卡顿、不丢状态？
反选不是“把当前checked取反”那么简单。用户可能中途手动勾选/取消过某些项，此时isAllChecked已不同步，直接遍历反转会破坏用户操作意图。
应该以当前cartList各条目的真实checked状态为依据做翻转，并立即更新isAllChecked和isIndeterminate（半选状态）：
toggleInverse() {
const newCartList = this.cartList.map(item => ({
...item,
checked: !item.checked
}));
this.cartList = newCartList;
// 同步更新全选状态
const checkedCount = newCartList.filter(i => i.checked).length;
this.isAllChecked = checkedCount === newCartList.length;
this.isIndeterminate = checkedCount > 0 && checkedCount < newCartList.length;
}
- 别用
for循环+this.$set逐个改，性能差且易出错；用map生成新数组最安全 - 反选后必须重算
isAllChecked和isIndeterminate，否则全选框图标不会变（尤其是使用uni-checkbox组件时） - 如果列表很长（>100条），考虑加
nextTick或节流，避免一次更新触发多次渲染
小程序平台下checkbox点击无反应或延迟？
这是uni-app跨端最典型的兼容问题之一。微信小程序要求checkbox必须包裹在label里，且label需有for属性或点击区域足够大；H5端则对label包裹不敏感，但容易因touchmove阻止导致失灵。
统一解法是：不用原生checkbox，改用uni-checkbox并显式绑定disabled和checked，同时禁用父容器的catchtouchmove：
<uni-checkbox :checked="item.checked" :disabled="item.disabled" @change="e => toggleItem(item.id, e.detail.value)" />
- 确保
toggleItem方法里用this.$set更新对应cartList项，而不是item.checked = !item.checked - 如果用了自定义复选框图标（比如字体图标），务必检查
active-class是否被view的overflow: hidden裁剪 - 真机调试时，iOS微信常因
click事件延迟导致“点一下没反应，点两下才生效”，此时在checkbox外层加catchtap并手动触发change更可靠
全选/反选和金额计算本身逻辑简单，真正复杂的是状态同步时机、跨端事件行为差异、以及浮点运算在不同JS引擎下的表现。别迷信“一次写完到处跑”，每个平台至少要真机测一遍勾选反馈和数字精度。
