vue el-checkbox的model不是数组

Question

vue el-checkbox的model不是数组，这样选择的话会一起选中，怎么让选择只选中那一个呢，接口里kitchenId不是数组

Answer 1

绑定另一个变量，然后watch那个变量值再赋给id

<template>
    <div>
        <el-checkbox-group v-model="checkList">
            <el-checkbox label="aa"></el-checkbox>
            <el-checkbox label="bb"></el-checkbox>
            <el-checkbox label="cc"></el-checkbox>
        </el-checkbox-group>
    </div>
</template>

<script>
export default {
    data() {
        return {
            query: {
                kitchenId: "",
            },
            checkList: [],
        };
    },
    watch: {
        checkList: {
            deep: true,
            handler: function (newVal) {
                this.query.kitchenId = newVal && newVal.join(",");
            },
        },
    },
};
</script>