单选按钮 (Radio buttons)

v-radio 组件是一个简单的单选按钮。与 v-radio-group 组件结合使用时，您可以提供分组功能，以允许用户从一组预定义的选项中进行选择。

使用

虽然 v-radio 可以单独使用，但它最好与 v-radio-group 一起使用。

API

组件	描述
v-radio-group	主要组件
v-radio	用于修改 v-radio-group 的状态的子组件

示例

属性

Model (group)

使用 v-model（或 model-value）时，您可以访问和控制由子 v-radio 组件上的 value 属性值来设置选定的单选按钮。

INFO

如果您将整数值与 model-value 一起使用，则需要使用 :value 来设置子 v-radio 的值，否则它将被认为是字符串。

Model (radio)

您可以通过 v-model（或 model-value）访问和控制单个单选按钮的值。true/false值可以使用 true-value 和 false-value 属性单独定义。

颜色(Colors)

单选按钮可以使用 color 属性设置颜色，颜色可以是内置颜色和或其他颜色辅助类。

布局(Direction)

单选按钮组组件可以使用 respective 属性，选择按行或者按列排布单选按钮。默认是按列。

插槽(Slots)

标签(Label)

单选组标签可以在 label 中定义，允许使用 HTML 内容。