vue2使用element-ui的el-checkbox-group组件的时候怎么获取到选中框的id？

Question

vue2使用element-ui的el-checkbox-group组件的时候怎么获取到选中框的id？
我在用的时候发现，绑定在v-model的数组哪到的值都是name。而且v-for的语法貌似也不能像angular那样x.id as x.name for x in list。。看文档也没看到有例子。。
请问怎么样才能把数组的id绑定到v-model那里并取到？

<!--HTML-->
  <el-checkbox-group  :value="mpb.id" v-for="mpb in mb.permissionBeans" :key="mpb.id" v-model="checkList" class="checkgroup" >
  <el-checkbox :label="mpb.name" @change="checkinlist"></el-checkbox>
 </el-checkbox-group>

//js
 checkinlist(){
          console.log(this.checkList);
      } 

选框

输出结果

Answer 1

  <el-checkbox-group  v-model="checkList" class="checkgroup" >
  <el-checkbox v-for="mpb in mb.permissionBeans"  :key="mpb.id" :label="mpb.id" @change="checkinlist">{{mpb.name}}</el-checkbox>
 </el-checkbox-group>

文档有写，label是值，标签里是名字。

Answer 2

把:value="mpb.id"写到el-checkbox标签中

Answer 3

可以参考官方文档： https://element.eleme.cn/#/zh...

注意： label属性 是 el-checkbox 选中状态的值（只有在 checkbox-group 或者 绑定对象类型为array时有效）！

所以如果想获取id， label 设置为id ，然后 ec-checkbox 的 v-model 可以设置为 array 类型的 或者 el-checkbox-group 的 v-model 为 array 类型的。

以下是el-checkbox 的v-mode 设置为 数组类型：

<!--HTML-->
 <el-checkbox-group v-for="mpb in mb.permissionBeans" :key="mpb.id" class="checkgroup" >
  <el-checkbox :label="mpb.id" @change="checkinlist" v-model="checkList">{{mpb.name}}</el-checkbox>
 </el-checkbox-group>

//js
 checkinlist(){
     console.log(this.checkList);
 } 

Answer 4

怎么判断true false