当前位置: 首页 > 工具软件 > GROUP-E > 使用案例 >

a-checkbox-group的用法2

章学义
2023-12-01

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

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

 类似资料: