带有单选按钮的 V 绑定布尔值

Question

我试图将单选按钮的值设置为布尔值并存储此值，但是当我这样做时，它似乎不起作用。

<v-radio-group v-model="test" class="pl-2">
<v-radio
label="Yes"
value="true"
>
</v-radio>
</v-radio-group>

我终于能够在对value使用 V 绑定时让它工作：

<v-radio-group v-model="test" class="pl-2">
<v-radio
label="Yes"
:value="true"
>
</v-radio>
</v-radio-group>

有人可以解释为什么会这样吗？我觉得我在文档中缺少一些东西：https://v2.vuejs.org/v2/guide/forms.html#Radio-1

我们正在使用组合API，Nuxt框架和Vuetify(不确定这是否重要)

Answer 1

默认情况下，属性是字符串，因此在第一种情况下：

<v-radio value="true">

。value道具实际上设置为字符串"true"。

在第二种情况下：

<v-radio :value="true">

。v-bind指令将true评估为 JavaScript 表达式，并将生成的Boolean分配给valueprop。