使用 el-checkbox-group 批量创建多选题

`el-checkbox-group` 是 Element UI 中的一个组件，它主要用于处理一组互斥的复选框，让用户可以选择其中的多个选项。在设计批量创建多选题时，你可以按照以下步骤操作：

1. 引入组件：首先，在你的 Vue 组件文件中导入 `el-checkbox` 和 `el-checkbox-group`。

<template>
  <div>
    <el-checkbox-group v-model="selectedOptions">
      <!-- 这里将会是你的题目选项 -->
      <el-checkbox v-for="(item, index) in questions" :key="index" :label="item.id">{{ item.title }}</el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
import { ElCheckboxGroup, ElCheckbox } from "element-ui";
export default {
  components: {
    ElCheckboxGroup,
    ElCheckbox,
  },
  data() {
    return {
      selectedOptions: [], // 存储用户选择的答案
      questions: [
        // 题目数组，每个对象包含 id 和 title 属性
        { id: 1, title: '问题1' },
        { id: 2, title: '问题2' },
        // 更多问题...
      ]
    };
  }
};
</script>

2. 数据绑定：`v-model` 指令用于双向数据绑定，当用户勾选或取消某个选项时，`selectedOptions` 数组会实时更新。

3. 创建题目：遍历 `questions` 数组，为每个题目生成一个 `el-checkbox` 元素，并通过 `label` 属性关联到它的 ID，这样可以确保用户的选择对应正确的选项。