解决 el-checkbox-group 值为对象的时候 复选框回显问题

  绑定id 

<el-checkbox-group class="group" v-model="checkedCities" @change="handleCheckedCitiesChange">

<el-checkbox v-for="(value,index) in cities" :label="value.id" :key="index">{{value.text}}</el-checkbox>
</el-checkbox-group>

 

data里面的数据结构

checkedCities: [0,1],
cities: [
{text:'上海',id:0},
{text:'北京',id:1},
{text:'广州',id:2},
{text:'深圳',id:3}
]

 

这时候全选会失效 处理全选

handleCheckAllChange(val) {
let arr = []
this.cities.forEach((value,index)=>{
arr.push(value.id)
})
this.checkedCities = val ? arr: [];
this.isIndeterminate = false;
},