a-checkbox-group的用法2

发布时间 2023-10-26 11:07:54作者: 土小狗

有时候在项目中,一个复选框组中,选中某个复选框都要进行一定的操作,如果不想使用整体的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
      }
    ...
 }

这样选择某个节点,就可以单独响应事件。