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

Question

我有一个动态表格，该表格由我从后端收到的N个问题组成，该表格随机包括所有输入类型，例如文本，单选和复选框。但是该复选框回答了我不能与其他答案存储在同一数组中的问题，因为当我选中一个复选框时，所有其他复选框都将同时被选中，并且在输入值的数组位置上我只会得到true或false 。我该怎么解决？

这是我的代码示例。

完美运行

<!-- 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>

我做错了什么？