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
      }
    ...
 }这样选择某个节点,就可以单独响应事件。
 
                     
                    
                 
                    
                
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号