a-checkbox-group的用法2
有时候在项目中,一个复选框组中,选中某个复选框都要进行一定的操作,如果不想使用整体的change事件,可以在单个的checkbox中定义change事件,比如如下代码:
<a-checkbox-group v-model="checkedList">
<a-row :gutter="24">
<a-col :span="6" v-for="{ value, label } in Options" :key="value">
<a-checkbox :value="value" @change="change($event,value)">
{{ label }}
</a-checkbox>
</a-col>
</a-row>
</a-checkbox-group>
其中Options是数组:[{ label:'xxx', value: 1 },....], checkedList是选中的id的集合[1,2,...]
事件代码如下:
change(e,value){
let option={
id:value,
isuse:e.target.checked
}
...
}
这样选择某个节点,就可以单独响应事件。