el-checkbox-group中常遇到的问题

<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">All</el-checkbox>
<el-checkbox-group v-model="checkedTypes" @change="handleCheckedTypesChange">
   <el-checkbox style="width:150px;" v-for="type in types" :label="type" :key="type.label">{{type.label}}</el-checkbox>
 </el-checkbox-group>

其中:label是el-checkbox选中状态的值。types是需要遍历的数组，如果types=[value:‘1’,label:‘北京’]，传值给后端需要传value。而显示 的是label的值，则需要做变换。在传值之前，用map来提出value。

this.reportForm.poiTypes=this.checkedTypes.map(i=>i.value)

其中需要注意，选中的是:label的 值，所以:labeld的值与checkedTypes的值相同，勾选全选之后才能全部选中。