uni-appは全選択、ショッピングカートの選択、判定を行います まずes6のeveryメソッドを使用する必要があります 詳細は( ES6 Array Extension - ES6 Documentation )を参照してください eachの利点は、走査配列に従ってすべての条件が満たされていればtrueを返し、それ以外の場合はfalseを返すことです。
サブクラスの選択とコントロールの選択
// 点击值为false
if (value.goods_state == 2) {
// if(state.count < 1) return
state.sum -= value.goods_price * value.goods_num // 总价
state.count -= +value.goods_num // 取消减去
value.goods_state = 1 // 1为false 2 为 true
state.allChecked = false // 点击任何一个多选框 直接全选为false
} else {
state.count += +value.goods_num // 添加加量
value.goods_state = 2
state.sum += value.goods_price * value.goods_num // 值为true+去
const carList = state.shopList.every(item => {
return item.goods_state === 2
})
// 如果条件为真
if (carList) {
state.allChecked = true // 全选按钮为true
} else {
state.allChecked = false // 全选按钮为false
}
}コントロールのサブクラスのチェックをすべて選択します
state.allChecked = !state.allChecked // 取反
// 如果全选为true
if (state.allChecked) {
state.sum = 0
state.count = 0
state.shopList.forEach(item => {
item.goods_state = 2
// 全选则相加
state.sum += item.goods_price * item.goods_num
state.count += +item.goods_num
})
console.log(state.sum, state.count);
} else {
// 如果全不选则数量0总价0
state.count = 0
state.sum = 0
state.shopList.map(item => {
item.goods_state = 1
})
}レンダリング
