el-checkbox-group使用中需要注意點

使用element 複選框過程中想要獲取元素的id值數組(作爲接口入參），但顯示爲元素名稱，

按如下寫,要不獲取到的checked爲名稱，要不獲取到id報錯

<el-checkbox-group v-model="checked" @change="handleChecked">

<el-checkbox v-for="item in data" :label="item.name" :key="item.id">

{{item.name}}  //可有可無

</el-checkbox>

</el-checkbox-group> 

改了半天，才發現必須改成這樣纔好使

<el-checkbox-group v-model="checked" @change="handleChecked">

<el-checkbox v-for="item in data" :label="item.id" :key="item.id">{{item.name}}</el-checkbox>

</el-checkbox-group> 

把label值改爲id(其實也蠻難理解，明明是標籤，爲啥要改成id?),原來的item.name由可有可無，變爲labe作用。

這樣checked 獲取到的就是id 的數組，而現實任然爲元素名稱。