iview中的<CheckboxGroup v-model="">如何做到既获取label又能获取value呢？

Question

<CheckboxGroup v-model="model1">
...

checkbox和tree不同,只有一个label值,双向绑定后model1获得的值只是checkbox显示的label值，如果要获value，只有在绑定的时候将label = [1]数据1,然后后台进行 label.split(']') ,但是这样前端显示的就太不友好和美观了。请教高手该如何加入这个value呢?

Answer 1

可以这样写：
<CheckboxGroup v-model="thisCourse" @on-change="select()">

  选择课程：
  <Checkbox v-for="(item,key) in courses" :key="key" :label="item.value" >
         <span>{{item.label}}</span>
  </Checkbox>

</CheckboxGroup>

Answer 2

checkbox只能的label只能绑定String | Number | Boolean类型的数据，你要绑定对象的话，建议可以注册一个方法根据当前选中的值去找，参考的伪代码是：
<CheckboxGroup v-model="model1" @on-change="findData">
每次触发checkbox的变更都会执行fingdData方法，再里面再去找你想要的值即可