Как в Vue.JS сделать связку чек-боксов с массивом?

Question

[beduin01]

Мне нужно сформировать массив из прокликанных элементов (чек-боксов).

Код простой:

<div class="imgType">
    <div v-for="img in images_types" v-bind:value="img">
      <div><input type="checkbox" v-model="selected_images_types">{{img}}</div>
    </div>
  </div>

В настоящий момент у меня выводится массив:
[  ] foo
[ ] bar
[ ] baz

Проблема в том, что при клике на любой элемент чек-бокс выделяет все другие элементы. А мне нужно чтобы не выделял и в переменную `selected_images_types` попадали выделенные элементы т.е.
selected_images_types = ["foo", "bar"]

Comments

[lega]

Для сравнения на alight: https://jsfiddle.net/lega911/nfcoxgdj/

[beduin01]

lega: я пытался сделать так же, но у меня в консоли выводится true/false вместо значения:
App.$refs.userContent.selected_images_types
Выводит: [true]

Answer 1

[Xorton]

https://jsfiddle.net/rmjd8zp4/

v-bind:value="img" надо в input перенести