title: Vue - Bind value of object to a checkbox value
body: <p>I want to put the value of every item into array <code>selectedParks</code>. The problem is, the value is always set to string &quot;item&quot;, and not the value of the actual item (it's a Park Object).</p>
  <p>Code:</p>
  <pre><code>&lt;ul class=&quot;list-group no-bullets&quot;&gt;
      &lt;li class=&quot;list-group-item&quot; v-for=&quot;item in parks&quot;&gt;
          &lt;label&gt;&lt;input type=&quot;checkbox&quot; value=&quot;item&quot; v-model=&quot;selectedParks&quot;/&gt; {{item.name}}&lt;/label&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;span&gt;Checked: {{selectedParks}}&lt;/span&gt;
  </code></pre>
  <p>I know that the actual <code>item</code> is bound correctly, because <code>{{item.name}}</code> shows the correct value.</p>
  <p>Docs (multiple checkboxes bound to the same array): <a href="https://v2.vuejs.org/v2/guide/forms.html" rel="nofollow noreferrer">https://v2.vuejs.org/v2/guide/forms.html</a></p>