官网示例
如果在选中时想要取到该项的id而不是label值怎么办
- checkbox-group元素能把多个 checkbox 管理为一组,只需要在 Group 中使用v-model绑定Array类型的变量即可。 el-checkbox 的 label属性是该 checkbox 对应的值,所以只要label绑定id就可以了,显示的话使用label即可
- 直接上代码
<el-checkbox-group v-model="checked" @change="test">
<el-checkbox v-for="item in checkList" :key="item.id" :label="item.id">{{item.label}}</el-checkbox>
</el-checkbox-group>
<script>
export default {
data(){
return {
checked: [],
checkList: [{id: 001, label: '上海'},{id: 002, label: '北京'}]
}
},
methods: {
test(){
console.log(this.checked)
}
}
}
</script>