Javascript 所有复选框都显示为选中状态。VueJs VueMaterial

我试图只选中一个复选框，但当我选中它时，其余的也会被选中。为什么会发生这种情况？有关于这个的文件吗

<md-layout v-for="Location in Locations" :key="Location.id">
  <md-checkbox v-model="checkbox" class="md-warn">{{ Location.city }}</md-checkbox>
</md-layout>

---

由于每个复选框的

v-model

是变量

checkbox

，因此该变量的值将绑定到每个组件。您希望每个复选框组件的

v-model

都有自己的变量可供参考

您可以将

复选框

布尔值转换为

复选框

对象，每个位置ID都有索引键：

data() {
  return {
    checkboxes: {
      1: false,
      2: false,
      3: false,
      4: false,
      5: false,
      6: false,
    },
    ...

然后在模板中，通过

Location.id

引用每个

复选框

属性值：

<md-checkbox v-model="checkboxes[Location.id]" class="md-warn">

---

由于每个复选框的

v-model

是变量

checkbox

，因此该变量的值将绑定到每个组件。您希望每个复选框组件的

v-model

都有自己的变量可供参考

您可以将

复选框

布尔值转换为

复选框

对象，每个位置ID都有索引键：

data() {
  return {
    checkboxes: {
      1: false,
      2: false,
      3: false,
      4: false,
      5: false,
      6: false,
    },
    ...

然后在模板中，通过

Location.id

引用每个

复选框

属性值：

<md-checkbox v-model="checkboxes[Location.id]" class="md-warn">

伟大的完美的作品！：）谢谢你！！完美的作品！：）谢谢