使用el-checkbox时获取数据回显

在Vue.js中，`el-checkbox`是Element UI库中的一个组件，用于创建单选或多选复选框。如果你想要在页面加载时根据已有数据进行回显，可以按照以下步骤操作：

1. 首先，你需要将数据模型（通常是数组）绑定到Vue实例上，每个元素都有一个对应的`value`属性表示是否选中。

<template>
  <div>
    <el-checkbox-group v-model="selectedItems">
      <el-checkbox :label="item.id" v-for="(item, index) in data" :key="index">{{ item.label }}</el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedItems: [], // 存储已选择的项
      data: [
        { id: 1, label: '选项1' },
        { id: 2, label: '选项2' },
        { id: 3, label: '选项3' }
      ]
    };
  }
};
</script>

2. `v-model`指令会双向绑定`selectedItems`数组，当你在HTML中勾选或取消勾选复选框时，`selectedItems`就会自动更新。

3. 当你从服务器或其他地方获取到数据并需要展示回显状态时，可以在`mounted()`生命周期钩子函数中设置复选框的状态：

mounted() {
  this.selectedItems = this.data.map(item => item.checked); // 假设data对象里有一个checked字段表示初始状态
}

或者，如果数据没有提供预设的`checked`属性，你可以根据你的实际需求手动初始化`selectedItems`：

mounted() {
  this.selectedItems = this.data.map(item => item.defaultChecked || false);
}

这里假设`defaultChecked`是数据对象内的默认选中状态。