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

【问题标题】：V-Binding Booleans with Radio Buttons带有单选按钮的 V 绑定布尔值
【发布时间】：2021-12-24 11:57:45
【问题描述】：

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

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

在为value 使用 V-Binding 时，我终于能够让它工作：

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

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

我们正在使用组合 API、Nuxt 框架和 Vuetify（不确定这是否重要）

【问题讨论】：

【解决方案1】：

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

<v-radio value="true">

...value 属性实际上设置为字符串 "true"。

第二种情况：

<v-radio :value="true">

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

【讨论】：