关于checkbox element

 <el-checkbox-group
        v-model="checked"
        @change="handleChange"
      >
        <el-checkbox
          v-for="item in checkArrayProp"
          :key="item.id"
          :label="item.id"
        >
          {{ item.label }}
        </el-checkbox>
      </el-checkbox-group>

checkArrayProp是从父组件传过来的数组

data () {
    return {
      checked: [],
    }
  },

checked是选中的数值组成的数组

:label="item.id"

意思是绑定的是对应的id值，而不是name值

checkArray: [
        { label: '复选框A', id: '1' },
        { label: '复选框B', id: '2' },
        { label: '复选框C', id: '3' },
      ],

这是传入的数据
如果:label对应的是name，那么选中的数组的值就是对应的name值
如果对应的是id，那么选中的就是对应的id