全选框 影响小选框 v-model
作者:互联网
一, 步骤
- 小选框v-model, 关联数组里对象的c属性
- isAll计算属性的set方法, 拿到全选框状态
- 状态值赋给, 数组里每个对象的c属性
二,代码演示
<script>
export default {
// 计算属性-isAll
computed: {
isAll: {
set(val){
// 7. 全选框 - 选中状态(true/false)
this.arr.forEach(obj => obj.c = val)
},
get(){
// 6. 统计小选框状态 -> 全选状态
// every口诀: 查找数组里"不符合"条件, 直接原地返回false
return this.arr.every(obj => obj.c === true)
}
}
}
};
</script>
标签:arr,obj,影响,数组,model,选框,isAll,属性 来源: https://blog.csdn.net/C_guoqing/article/details/120517062