Javascript Vue js 2无线电输入不保留其选择

Javascript Vue js 2无线电输入不保留其选择,javascript,forms,vue.js,vuejs2,Javascript,Forms,Vue.js,Vuejs2,我正在使用Vue v2创建一个多步骤表单,并且在步骤之间来回切换时,无线电输入没有保留其选定的值。Vue v1可以很好地处理这个问题。我可以只使用v1,但如果可能的话,我想继续使用v2 v1: http://codepen.io/anthonyholmes/pen/PpYvNB v2: http://codepen.io/anthonyholmes/pen/qrWvaM 似乎输入字段的name或id冲突,因此发生了此问题,我已删除了这些字段,效果良好。见 只需使用: <label :f

我正在使用Vue v2创建一个多步骤表单,并且在步骤之间来回切换时,无线电输入没有保留其选定的值。Vue v1可以很好地处理这个问题。我可以只使用v1,但如果可能的话,我想继续使用v2

v1: http://codepen.io/anthonyholmes/pen/PpYvNB

v2: http://codepen.io/anthonyholmes/pen/qrWvaM

似乎输入字段的
name
id
冲突,因此发生了此问题,我已删除了这些字段,效果良好。见

只需使用:

<label :for="choice.value">
    <input type="radio" :value="choice.val" v-model="questions[index].responses" /> {{ choice.text }}
</label>

{{choice.text}

我刚刚尝试了您的链接,它的工作方式与您描述的一样,即保留值。删除
name
属性非常有效!非常感谢。