Javascript 如何将v-model与v-for生成的多个复选框一起使用？

不知道如何使用嵌套元素循环中的输入复选框类型上的

v-model

我已成功使用选择/下拉列表：

<select class="custom-select custom-select-sm" v-model="slide.filterCat">
    <option :value="item.category" v-for="(item,index) in categories.elCats" :key="index">{{item.category}}</option>
</select>

方法是：

isInCategoryList(curEl, list){
    console.log(curEl);
    console.log(list);
    return list.includes(curEl ) ? true : false
},

但它记录的数据量惊人，这让我认为这种方法肯定不是正确的，因为它会记录每一个事件（鼠标悬停，…）的数据

这个片段根本不起作用：

<div v-for="(item,index) in categories.elCats" :key="index">
    <label>{{item.category}}</label>
    <input type="checkbox" :value="item.category"
    v-model="slide.filterCat">
</div>

{{item.category}

请提供任何指导…

多个复选框（以及

）要求

v-model

参数为数组

const vm=new Vue({
el:“#应用程序”，
数据（）{
返回{
选定：[]，
类别：[{
名称：“A类”，
值：“A”
},
{
名称：“B类”，
值：“B”
},
{
名称：“C类”，
值：“C”
},
]
}
}
})

复选框：
{{item.name}
多选（使用同一型号）：
{{item.name}
结果：{{selected}}

多个复选框（以及

）要求

v-model

参数为数组

const vm=new Vue({
el:“#应用程序”，
数据（）{
返回{
选定：[]，
类别：[{
名称：“A类”，
值：“A”
},
{
名称：“B类”，
值：“B”
},
{
名称：“C类”，
值：“C”
},
]
}
}
})

复选框：
{{item.name}
多选（使用同一型号）：
{{item.name}
结果：{{selected}}

幻灯片的类型是什么？@MichalLevýtype字符串。并且数组包含对象。使用最后一个snipet并将

slide.filterCat

的类型更改为数组（“[]）-@MichalLevýaah，jeeez。如果你加上答案，我会接受的。谢谢幻灯片.filterCat的类型是什么？@MichalLevýtype字符串。并且数组包含对象。使用最后一个snipet并将

slide.filterCat

的类型更改为数组（“[]）-@MichalLevýaah，jeeez。如果你加上答案，我会接受的。谢谢

<div v-for="(item,index) in categories.elCats" :key="index">
    <label>{{item.category}}</label>
    <input type="checkbox" :value="item.category"
    v-model="slide.filterCat">
</div>