选中和取消选中各个复选框，尽管已在vuejs中的for循环中创建了

data() {
  return {
    checkboxes: [
      { label: '复选框1', checked: false },
      { label: '复选框2', checked: false },
      { label: '复选框3', checked: false },
      // 其他复选框...
    ]
  }
}

<div v-for="(checkbox, index) in checkboxes" :key="index">
  <input type="checkbox" v-model="checkbox.checked">
  <label>{{ checkbox.label }}</label>
</div>

data() {
  return {
    checkboxes: [
      { label: '复选框1', checked: false },
      { label: '复选框2', checked: false },
      { label: '复选框3', checked: false },
      // 其他复选框...
    ],
    selectAll: false
  }
}

<div>
  <input type="checkbox" v-model="selectAll">
  <label>全选</label>
</div>

methods: {
  toggleSelectAll() {
    this.checkboxes.forEach(checkbox => {
      checkbox.checked = this.selectAll;
    });
  }
}

<div>
  <input type="checkbox" v-model="selectAll" @change="toggleSelectAll">
  <label>全选</label>
</div>