привязать v-модель к свойству, которое не существует (массив) в Vue JS

Question

У меня есть несколько вопросов, поступающих из базы данных, также есть варианты. Тогда рендеринг тех на веб-странице.

нравится

              <div v-for="(question,index) in questions">
                    <div class="interview__item-text interview__text-main m-b-20">
                             {{ index+1 }}. {{ question.question }}
                    </div>

               <div v-for="(option,index) in question.options" 
                    class="reg__form-radioitem" :key="index">
                 <div>

               <input class="checkbox countable__input" 
                     v-model="question.answer"
                     :value="option.option" 
                     type="checkbox" 
                    :id="question.id+option.id">
               <label :for="question.id+option.id">
                      {{ option.option }}
               </label>
              </div>
          </div>
       </div

Это нормально работает для типа ввода text и radio, но для checkbox это не работает. Он проверяет все флажки в этом цикле.

question.answer не существует в данных. Я пытаюсь добавить новое свойство answer, используя v-model Спасибо.

Answer 1

Попробуйте это.

<input class="checkbox countable__input" 
    v-model="question[answer]"
    :value="option.option" 
    type="checkbox" 
    :id="question.id+option.id">
<label :for="question.id+option.id">
      {{ option.option }}
 </label>

Answer 2

Возможно, вы можете попытаться заранее задать вопрос. Ответ, должен существовать после этого:

данные: { вопрос: { ответ: ноль } }