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

官网示例

如果在选中时想要取到该项的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: null,
            checkList: [{id: 001, label: '上海'},{id: 002, label: '北京'}]
        }
    },
    methods: {
        test(){
            console.log(this.checked)
        }
    }
}
</script>

猜你喜欢

转载自my.oschina.net/yxmBetter/blog/1647679