Javascript 复选框，并使用lodash获取或删除id

大家好,

我正在尝试创建一个包含复选框的表。单击复选框时，id将添加到对象数组中。当我取消选中特定复选框时，它将从数组中删除id

到目前为止，这是我的示例代码

HTML表格

...
<td><input type="checkbox" @click="checkThis(id)" /></td>
...

此代码用于在用户取消选中特定复选框时删除id

_.remove(this.myArray, {myArrayId: id})

但我的问题是，每当我单击复选框时，它都不知道该删除哪个id，或者该复选框是否已针对特定id选中或取消选中

我想做的是，如果在表中的特定复选框中选中它，它将在数组中添加id，如果未选中，那么它将删除数组中复选框的id

---

有什么需要帮忙的吗？

你好，这是你想要的吗

您只需将复选框与v-model一起使用即可

<div id="vue">
<input type="checkbox" v-model="checkbox" :value="1" />
<input type="checkbox" v-model="checkbox" :value="2" />
<input type="checkbox" v-model="checkbox" :value="3" />
{{checkbox}}
</div>


new Vue({
    el:'#vue',
  data:{
    checkbox:[],
  }
})

{{checkbox}}
新Vue({
el:“#vue”，
数据：{
复选框：[]，
}
})

<div id="vue">
<input type="checkbox" v-model="checkbox" :value="1" />
<input type="checkbox" v-model="checkbox" :value="2" />
<input type="checkbox" v-model="checkbox" :value="3" />
{{checkbox}}
</div>


new Vue({
    el:'#vue',
  data:{
    checkbox:[],
  }
})