Vue Vuetify. v-модель для v-checkbox не принимает правильное значение внутри цикла v-for

Question

Итак, у меня есть это в моем шаблоне:

 <v-checkbox v-for="(option,index) in options" :key="option.id" :label="option.checked.toString()" :v-model="options[index].checked"></v-checkbox> 

И это в моих data ():

options: [
        {
          id: '1',
          name: 'Cotton',
          checked : true
        },
        {
          id: '2',
          name: 'Silk',
          checked : false
        }
 ]

Однако, даже если значение истинно, флажок не проверено; почему ??

У меня это в коде:

https://codepen.io/averied/pen/JjYQLJQ?editable=true&editors=101%3Dhttps%3A%2F%2Fvuetifyjs.com%2Fen%2Fcomponents%2Fselection-controls%2F

Answer 1

Вам не нужно : перед v-model.

Answer 2

Удалить : перед v-model

Плюс было бы чище использовать

v-model="option.checked"

вместо v-model="options[index].checked"

тогда вам не нужно index в v-for