Как привязать динамическую форму флажка к одному массиву, используя VueJS? - PullRequest
Новая
       7

Как привязать динамическую форму флажка к одному массиву, используя VueJS?

2 голосов
/ 10 октября 2019

У меня есть динамическая форма, состоящая из N вопросов, которые я получаю из бэк-энда, эта форма включает все типы ввода, такие как текст, радио и флажок, случайным образом. Но флажок отвечает, что я не могу сохранить в том же массиве, что и другой, потому что, когда я проверяю один флажок, все другие проверяются одновременно, и я получаю только true или false в позиции массива intead входного значения,Как я могу решить эту проблему?

Вот пример моего кода.

Работает отлично 

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

Что я делаю не так?

...