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

时间:2016-12-03 05:50:43

标签: javascript vue.js

请注意:https://jsfiddle.net/chrzrdx/krrczkx5/

这是vue 2.1.4

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

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

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

1 个答案:

答案 0 :(得分:2)

您只需要从HTML中的v-bind:name="active_question.txt"标记中删除此input,以便更新后续行。

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

工作小提琴:https://jsfiddle.net/krrczkx5/9/