如何將vuejs設置爲檢查正確的單選按鈕

Question

我有一組單選按鈕並希望設置正確的選項。我有一個值融資.is_reamortizable應該反映最終用戶是否有這種點擊。我怎麼能/應該通過計算屬性或其他選擇來綁定或檢查？

<div class='row both10'> 
     <div class='col-md-4 input-group'> 
     Reamortization Available: 
     </div> 
     <div class='col-md-3 input-group'> 
     Yes<input type='radio' name='financing[is_reamortizable]' value="true" v-bind:value="financing.is_reamortizable" /> 
     </div> 
     <div class='col-md-3 input-group'> 
     No<input type='radio' name='financing[is_reamortizable]' value="false" /> 
     </div> 
    </div> 

Answer 1

的官方文檔顯示，您應該設置兩個單選按鈕，以相同的變量（https://vuejs.org/v2/guide/forms.html#Radio）v-model。在這種情況下，您不需要v-bind:value，因爲您的值是靜態的（true和false）。

所以，你的代碼將變成：

<div class='row both10'> 
     <div class='col-md-4 input-group'> 
     Reamortization Available: 
     </div> 
     <div class='col-md-3 input-group'> 
     Yes<input type='radio' name='financing[is_reamortizable]' value="true" v-model="financing.is_reamortizable" /> 
     </div> 
     <div class='col-md-3 input-group'> 
     No<input type='radio' name='financing[is_reamortizable]' value="false" v-model="financing.is_reamortizable"/> 
     </div> 
    </div>