vue 动态生成多选题

你可以通过 Vue.js 动态生成多选题。下面是一个简单的示例：

首先，在 Vue 实例的 data 中定义一个数组来存储题目选项和用户选择的答案：

data() {
  return {
    questions: [
      { id: 1, title: 'Question 1', options: ['Option 1', 'Option 2', 'Option 3'], selected: [] },
      { id: 2, title: 'Question 2', options: ['Option A', 'Option B', 'Option C'], selected: [] },
      // 添加更多题目...
    ]
  };
},

然后，使用 v-for 指令在模板中根据数据动态生成题目和选项：

<div v-for="question in questions" :key="question.id">
  <h3>{{ question.title }}</h3>
  <ul>
    <li v-for="(option, index) in question.options" :key="index">
      <input type="checkbox" :value="option" v-model="question.selected">
      {{ option }}
    </li>
  </ul>
</div>

最后，你可以通过访问 `this.questions` 数组来获取用户选择的答案。

这只是一个简单的示例，你可以根据实际需求进行扩展和改进。希望能对你有所帮助！