未使用v-model检查vue输入无线电

Question

当我正在使用时：如果我添加了v-model，那么它的工作原理是不行的

        <div v-for="answer in the_data[current].answers" id="answers">

              <p>
                  <input type="radio" name="answer" :id="answer" :value="answer"  v-model="the_answer" v-bind:checked="answer == 'girl'" >  
                  @{{ answer }}
              </p>
        </div>

我需要使用v-model

Answer 1

我认为原因是input已绑定到the_answer并且某种方式the_answer的初始值不是所选值之一，并且此绑定会覆盖{{1 }}属性，因为检查的内容应该是输入绑定到的值，即checked。指定the_answer的初始值应该为您提供相同的检查行为：

the_answer

new Vue({
  el: '#app',
  data: {
    the_answer: 'girl'               // initialize the_answer to be your checked option
  }
})