Checkbox 多选框 数据为对象

Checkbox 多选框 数据为对象

Checkbox 多选框显示和绑定的值默认是一样的,源数据一般是一维数组
今天使用 Checkbox 多选框 的时候需要绑定 ID, 显示的为国际化文字,使用的源数据是对象类型
使用插槽即可, api 并为提及,后来发现在例子中有体现,特地记录一下。

 const cityOptions = [
 {
     id: 1, name: '上海'}{
     id: 2, name: '北京'}{
     id: 3, name: '深圳'}{
     id: 4, name: '广州'}
 ];
 <el-checkbox-group v-model="checkedCities">
    <el-checkbox v-for="city in cityOptions" :label="id" :key="id">{
    {city}}el-checkbox>
  el-checkbox-group>

你可能感兴趣的:(elementUI,vue.js)