2016-12-03 36 views
1

請參見:https://jsfiddle.net/chrzrdx/krrczkx5/無法調試單選按鈕被選中隨機

這是vue 2.1.4

我在vue.data一個問題數組,我通過他們每一次循環的下一個或按下prev按鈕。我存儲活動問題的id,並從那裏計算活動問題。我在單選按鈕上使用v-model將狀態存儲在活動問題的selected屬性中。

這些問題已經有一個默認值(selected最初包含默認選項的值)。但即使設置了當前(活動)問題的selected字段,某些單選按鈕也會顯示爲未選中狀態。

即使在selected中沒有默認值,並且用戶自己單擊每個按鈕,問題仍然存在。

+0

所有的複選框具有相同的名稱,所有擁有「檢查」,所以最後一個加載的財產勝。如果可以選中多個,請使用複選框 – Bindrid

+0

我正在使用v-bind快捷方式來綁定每個單選按鈕的名稱和值屬性。每個問題的兩個選項的名稱相同,因此只能選擇其中的一個。另外,每個生成的單選按鈕的名稱都設置爲問題的「id」。 – lip

+0

oooh,我明白你的意思了。嗯 – Bindrid

回答

1

您只需從HTML中的input標記中刪除此v-bind:name="active_question.txt",因此以下內容將被更新。

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

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

+0

謝謝!它完美的作品。爲什麼綁定這個名字的任何原因都會導致錯誤行爲?不是單選按鈕元素(在邏輯組中)應該具有相同的名稱嗎? – lip