Vue Vuetify。 v-checkbox 的 v-model 在 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>

这在我的数据中():

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

但是，即使值为真，复选框也不会被选中；为什么？？

我在 codepen 中有这个：

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"

那你在v-for

中不需要index

Vue Vuetify。 v-checkbox 的 v-model 在 v-for 循环内时未采用正确的值

Vue Vuetify. v-model for v-checkbox not taking the correct value when inside a v-for loop

vue.js

v-for

vuetify.js

v-model