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

也许您可以尝试预定义问题。答案应该在此之后存在：

数据：{ 题： { 答案：无 } }

Answer 2

尝试一下。

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

将v模型绑定到Vue JS中不存在的属性（数组）

2 个答案: