Javascript Vue-将对象的值绑定到复选框值

我想将每个项目的值放入数组

selectedParks

。问题是，该值总是设置为字符串“item”，而不是实际项目的值（它是一个Park对象）

代码：

{{item.name}


选中：{{selectedParks}}

我知道实际的

项

绑定正确，因为

{{{item.name}

显示了正确的值

---

文档（绑定到同一数组的多个复选框）：

由于

值被评估为字符串，因此需要使用v-bind将其设置为对象：

<input type="checkbox" v-bind:value="item" v-model="selectedParks"/>



或冒号缩写：

<input type="checkbox" :value="item" v-model="selectedParks"/>


您能描述一下
公园对象
的数据结构吗？如果您仔细观察，
项目
就是一个对象。我想你需要这样的东西：
：value=“item.selected”
@Alfa，看起来他想把整个对象绑定到我身上，这很好：@Alfa既然可以绑定整个对象，为什么还要绑定对象的属性？@Bert
park
对象有
name
属性。我想如果你把整个物体都绑起来是不行的。啊，我明白了，我们有不同的方法。这是我的
<input type="checkbox" :value="item" v-model="selectedParks"/>