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>