Как связывать input через v-model в цикле?

Question

[Валерий В.]

Добрый день!

<template v-for="(item, index) in items">
  <input type="checkbox" v-model="item.checked" />
</template>

Как правильно связать значение v-model ?

computed: {
    items: {
        get () {
          return  this.$store.state['options'].items;
        },
        set (value) { 
          this.$store.commit('options/SET_ITEMS_PROPERTY', value);
        }
      }
}

Но почему то не коммититься изменение input.

Comments

[Артур Карапетян]

Ну вроде бы все правильно, только value надо бы добавить (но это не точно)

Answer 1

[0xD34F]

В v-model должен быть массив, а не состояние конкретного чекбокса; кроме того, чекбоксам следует указать значения. Есть же пример в документации. Соответственно, ваш код можно (но не факт, что нужно) переписать как-то так, например.

Comments

[Валерий В.]

Ясно, спасибо.