Javascript 无法调试正在随机取消选中的单选按钮

Javascript 无法调试正在随机取消选中的单选按钮,javascript,vue.js,Javascript,Vue.js,请看: 这是在vue 2.1.4上的 我的vue.data中有一个问题数组,每次按下“下一步”或“上一步”按钮时,我都会在其中循环。我存储活动问题的id,并从中计算活动问题。我正在使用单选按钮上的v-model将状态存储在活动问题的selected属性中 这些问题已经有一个默认值(selected最初包含默认选项的值)。但是,即使设置了当前(活动)问题的selected字段,某些单选按钮仍显示为未选中 即使在所选的中没有默认值,并且用户自己单击每个按钮,问题仍然存在。您只需从HTML中的输入标记

请看:

这是在vue 2.1.4上的

我的vue.data中有一个问题数组,每次按下“下一步”或“上一步”按钮时,我都会在其中循环。我存储活动问题的
id
,并从中计算活动问题。我正在使用单选按钮上的
v-model
将状态存储在活动问题的
selected
属性中

这些问题已经有一个默认值(
selected
最初包含默认选项的值)。但是,即使设置了当前(活动)问题的
selected
字段,某些单选按钮仍显示为未选中


即使在所选的
中没有默认值,并且用户自己单击每个按钮,问题仍然存在。

您只需从HTML中的
输入
标记中删除此
v-bind:name=“active_question.txt”
,因此下面的行将被更新

<input type="radio" v-bind:value="o.txt" v-model="active_question.selected">


工作小提琴:

除了上面提到的答案之外,请看以下内容:

您所有的复选框都有相同的名称,并且都有“选中”属性,因此最后一个加载的复选框将获胜。如果可以选中多个复选框,请使用复选框我正在使用v-bind快捷方式绑定每个单选按钮的名称和值属性。每个问题的两个选项的名称相同,因此只能选择其中一个。另外,每个生成的单选按钮的名称都设置为问题的
id
。噢,我明白你的意思了。嗯,谢谢你!它工作得很好。为什么绑定名称会导致错误行为?单选按钮元素(在逻辑组中)不应该有相同的名称吗?对于那些像我这样不注意的人,删除
name
属性就是解决这个问题的方法。了解原因很好,但我猜这与
v-model
控制广播集团有关。