Vue:将无线电绑定到布尔值

Question

我无法将radiobuttons绑定到模型中的布尔值.

在这个例子中:https://jsfiddle.net/krillko/npv1snzv/2/

加载时,不检查单选按钮,当我尝试更改它们时,模型中的"主要"值变为空.

我试过了:

:checked="variation.primary == true"

但没有效果.

Answer 1

要将单选按钮绑定到布尔值而不是Vue中的字符串值,请在value属性上使用v-bind:

<input type="radio" v-model="my-model" v-bind:value="true">
<input type="radio" v-model="my-model" v-bind:value="false">

我将留给您了解如何将这些值与您的后端数据相匹配.

复选框对于这种情况不太好; 用户可以将它们留空,并且您没有得到答案.如果您在只需要一个答案的情况下询问是/否或真/假问题,那么您应该使用单选按钮而不是复选框.