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

Question

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

<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（不确定这是否重要）

Answer 1

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

<v-radio value="true">

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

第二种情况：

<v-radio :value="true">

...v-bind 指令将 true 计算为 JavaScript 表达式，并将结果 Boolean 分配给 value 属性。

V-Binding Booleans with Radio Buttons