鍍金池/ 問(wèn)答/HTML/ iview中的<CheckboxGroup v-model="&

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

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

checkbox和tree不同,只有一個(gè)label值,雙向綁定后model1獲得的值只是checkbox顯示的label值，如果要獲value，只有在綁定的時(shí)候?qū)abel = [1]數(shù)據(jù)1,然后后臺(tái)進(jìn)行 label.split(']') ,但是這樣前端顯示的就太不友好和美觀了。請(qǐng)教高手該如何加入這個(gè)value呢?

回答
編輯回答
伐木累

checkbox只能的label只能綁定String | Number | Boolean類(lèi)型的數(shù)據(jù)，你要綁定對(duì)象的話(huà)，建議可以注冊(cè)一個(gè)方法根據(jù)當(dāng)前選中的值去找，參考的偽代碼是：
<CheckboxGroup v-model="model1" @on-change="findData">
每次觸發(fā)checkbox的變更都會(huì)執(zhí)行fingdData方法，再里面再去找你想要的值即可

2018年5月7日 11:45
編輯回答
苦妄

可以這樣寫(xiě)：
<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>

2018年8月22日 15:53