将checkboxs值添加到nuxt中的数据数组中

Question

我正在使用nuxtv2.15

这些是我的复选框：

<div v-for="category in categories" v-bind:key="category.id" class="ml-4">
<input type="checkbox" name="categories[]" @change="search()" v-model="form.categories" :id="`category`+category.id" :value="category.id">
<label :for="`category`+category.id">{{ category.title }}</label>
</div>

当我检查其中一个时，form.categories变为true！复选框的值不会添加到form.categories数组中。

它应该将复选框(category.id(的值存储在form.categories中，但它将form.categories切换到true和false状态。

如何在form.categories中存储复选框值？

附言：我有一个使用旧版本Nuxt的项目，这个项目运行得很好！但在新项目中，这是行不通的。是因为更新的版本吗？

Answer 1

我通过编写一个函数将category.id添加到表单中来解决这个问题。categories:

addCategory (id) {
if(!this.form.categories.includes(id))
this.form.categories.push(id);
else
this.form.categories.splice(this.form.categories.indexOf(id), 1);
this.search()

}

我把它叫做复选框@更改