forms - 如何使用 VueJS 将动态复选框表单绑定到单个数组？

Question

我有一个由我从后端收到的 N 个问题组成的动态表单，该表单随机包含所有输入类型，如文本、单选和复选框。但是复选框的答案我不能存储在与其他答案相同的数组中，因为当我选中一个框时，会同时检查所有其他框，并且我在输入值的数组位置上只得到真或假. 我该如何解决这个问题？

这是我的代码示例。

完美运行

<!-- Single answer question -->
<div v-if="question.type === 'multiple' && !question.checkMultiple">
  <div
    v-for="(alternative, indexAlternative) in question.alternatives"
    :key="indexAlternative"
    class="field"
  >
    <b-radio v-model="answers[index]" :native-value="alternative">
      {{ alternative }}
    </b-radio>
  </div>
</div>

不工作

<!-- Multiple answer question -->
<div v-else>
  <div
    v-for="(alternative, indexAlternative) in question.alternatives"
    :key="indexAlternative"
    class="field"
  >
    <b-checkbox
      v-model="answers[index]"
      :native-value="alternative"
      :name="`question${index}`"
    >
      {{ alternative }}
    </b-checkbox>
  </div>
</div>

我做错了什么？