如何将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>