elementui checkbox-group多选框怎么选中id值

2019独角兽企业重金招聘Python工程师标准>>>

官网示例

• checkbox多选

如果在选中时想要取到该项的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>

转载于:https://my.oschina.net/yxmBetter/blog/1647679