How to bind input via v-model in a loop?

Question

Vue.js

Good afternoon!

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

How to properly bind v-model value?

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

But for some reason the change of input.

Answer 1

The v-model should be an array, not the state of a particular checkbox; in addition, checkboxes should specify values. There is an example in the documentation . Accordingly, your code can (but not the fact that you need to) rewrite something like this , for example.