el-checkbox-group 对象回显

### 回答1：
el-checkbox-group 对象回显指的是在表单中使用 el-checkbox-group 组件时，将已经选中的选项回显到表单中。具体实现方法是通过 v-model 绑定一个数组，将选中的选项存储在数组中，然后在表单提交或者编辑时，将数组中的值传递给 el-checkbox-group 组件的 value 属性，即可实现对象回显。

### 回答2：
el-checkbox-group 是 Element UI 中的一种多选框组件，用于展示多个选项并且可以同时选择多个选项。在项目中，有时需要对某些已选中的选项进行回显操作，即在页面展示时自动选中之前已经被选中的选项。那么如何实现 el-checkbox-group 对象的回显呢？

首先，需要将选中的选项保存在某些数据中，比如一个数组。以 Vue 为例，可以使用 v-model 指令将选中的选项数据和组件绑定在一起。具体代码如下：

<template>
  <el-checkbox-group v-model="selected">
    <el-checkbox label="选项1"></el-checkbox>
    <el-checkbox label="选项2"></el-checkbox>
    <el-checkbox label="选项3"></el-checkbox>
  </el-checkbox-group>
</template>

<script>
export default {
  data() {
    return {
      selected: ['选项1', '选项3'] //已选中的选项
    }
  }
}
</script>

上面的代码中，el-checkbox-group 组件的 v-model 属性绑定了一个名为 selected 的数据，它是一个数组，保存了选中的选项。其中选项的内容由各个 el-checkbox 组件的 label 属性定义。

然后，在页面展示之前，需要将选中的选项回显到 el-checkbox-group 组件上。可以在 mounted 钩子函数中，根据之前保存的选项数据，手动设置 el-checkbox 组件的 checked 属性。具体代码如下：

<template>
  <el-checkbox-group ref="checkboxGroup">
    <el-checkbox label="选项1" :checked="selected.includes('选项1')"></el-checkbox>
    <el-checkbox label="选项2" :checked="selected.includes('选项2')"></el-checkbox>
    <el-checkbox label="选项3" :checked="selected.includes('选项3')"></el-checkbox>
  </el-checkbox-group>
</template>

<script>
export default {
  data() {
    return {
      selected: ['选项1', '选项3'] //已选中的选项
    }
  },
  mounted() {
    this.$nextTick(() => {
      const checkboxGroup = this.$refs.checkboxGroup;
      //根据选项数据设置各个 el-checkbox 的 checked 属性
      checkboxGroup.$children.forEach((checkbox) => {
        checkbox.checked = this.selected.includes(checkbox.label);
      });
    });
  }
}
</script>

上面的代码中，我们使用了 ref 选择器获取了 el-checkbox-group 组件实例，并使用 $children 属性获取了其中包含的 el-checkbox 组件，再根据之前保存的选项数据手动设置了每个 el-checkbox 组件的 checked 属性。通过该方法，我们可以实现 el-checkbox-group 对象的回显功能。

需要注意的是，在 Vue 2.2.0 之后，对于 v-model 绑定的数组，可以使用 ES6 的 Set 类型代替数组，可以提高性能。此外，在修改选项数据时，需要使用数组的变异方法，比如 push、splice 等，才能触发视图更新。

### 回答3：
el-checkbox-group 是一个 Vue 组件，用于实现多选框的功能。它的回显需要通过绑定数据来实现。

el-checkbox-group 组件的绑定数据可以设置为数组类型，数组中的每个元素都代表一个多选框的值。当选中一个多选框时，它对应的值会被添加到数组中。而取消选中则会将它对应的值从数组中删除。

当 el-checkbox-group 的值改变时，它会通过绑定的 v-model 自动更新绑定的数据。因此，我们只需要在绑定的数据中定义好多选框的值，就可以通过 el-checkbox-group 组件的 v-model 属性来实现多选框的回显。

例如，我们定义了一个 data 属性：

data() {
  return {
    fruits: []
  }
}

我们的 el-checkbox-group 组件可以这样绑定：

<el-checkbox-group v-model="fruits">
  <el-checkbox label="apple"></el-checkbox>
  <el-checkbox label="banana"></el-checkbox>
  <el-checkbox label="orange"></el-checkbox>
</el-checkbox-group>

这样，当选中多选框时，对应的值就会添加到 fruits 数组中。而当我们下次渲染组件时，我们只需要将 fruits 数组赋值给 el-checkbox-group 组件的 v-model 属性，就可以实现多选框的回显。

例如，我们在 created 钩子函数中将 fruits 数组初始化为 ["apple", "orange"]，那么 el-checkbox-group 组件就会在渲染时回显已选中的多选框：

created() {
  this.fruits = ["apple", "orange"]
}

当 el-checkbox-group 的值改变时，它的回显也会自动更新到绑定的数据中。因此，我们可以通过双向绑定的方式来实现多选框的回显。