<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