el-checkbox-group动态生成

可以使用v-for指令结合动态数据来生成el-checkbox-group。

首先需要定义一个数组，存储所有可选项的数据。

data() {
  return {
    options: [
      { label: '选项1', value: '1' },
      { label: '选项2', value: '2' },
      { label: '选项3', value: '3' },
      { label: '选项4', value: '4' }
    ],
    checkedValues: []
  }
}

然后在模板中使用v-for指令来渲染选项：

<el-checkbox-group v-model="checkedValues">
  <el-checkbox v-for="(option, index) in options"
               :key="index"
               :label="option.value">
    {{ option.label }}
  </el-checkbox>
</el-checkbox-group>

这里需要注意的是，需要将选中的值绑定到`checkedValues`属性上，这样才能获取到用户选择的值。

完整示例代码：

<template>
  <div>
    <el-checkbox-group v-model="checkedValues">
      <el-checkbox v-for="(option, index) in options"
                   :key="index"
                   :label="option.value">
        {{ option.label }}
      </el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' },
        { label: '选项4', value: '4' }
      ],
      checkedValues: []
    }
  }
}
</script>