未使用v-model检查vue输入频率

Question

当我使用:checked时，它可以工作。但是如果我添加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的初始值不是所选择的值之一，这个绑定覆盖了checked属性，因为无论检查什么，都应该是输入绑定到的值，即the_answer。指定the_answer的初始值应该会得到与checked相同的行为：

​

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

<script src="https://unpkg.com/vue@2.5.13/dist/vue.js"></script>

<div id='app'>
  <div v-for="answer in ['boy', 'girl']">
    <p>
      <input 
        type="radio" 
        name="answer" 
        :id="answer"
        :value="answer"
        v-model="the_answer">
      @{{ answer }}
    </p>
  </div>
</div>

​