Vue js 2 无线电输入不保留他们的选择

Question

我正在使用 Vue v2 创建一个多步骤表单，无线电输入无法很好地在步骤之间来回保留它们的选定值。 Vue v1 处理得很好。我可以只使用 v1，但如果可能的话我想继续使用 v2。

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

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

Answer 1

似乎 name 或 id 的输入字段有冲突，因此出现了这个问题，我已经删除了那些并且工作正常。查看 pen

只需使用：

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

Vue js 2 radio inputs not retaining their selection