<div>
<div style="border-bottom: 1px solid #E9E9E9;margin-bottom: 4px">
<a-checkbox :indeterminate="indeterminate" name="checkAll" :checked="checkAll" @change="onCheckAllChange">
全选
</a-checkbox>
</div>
<a-checkbox-group v-model="checkedList" :options="levelData.data" @change="onChange"/>
</div>
checkedList: [],
indeterminate: true,
checkAll: false,
plainOptions: [],
onChange(checkedList) {
console.log(191, checkedList);
this.indeterminate = !!checkedList.length && checkedList.length < this.levelData.data.length;
this.checkAll = checkedList.length === this.levelData.data.length;
},
onCheckAllChange(e) {
Object.assign(this, {
checkedList: e.target.checked ? this.levelData.data.map(item => item.value) : [],
indeterminate: false,
checkAll: e.target.checked,
});
},