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 的数组，而现实任然为元素名称。