在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ iview中的<CheckboxGroup v-model="&

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

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

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

回答
編輯回答
伐木累

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

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

可以這樣寫：
<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