单选框

QRadio组件是用户输入的另一个基本元素。 您可以使用此方法为用户提供一种从多个选项中选择一个选项的方法。

TIP

另请参阅QOptionGroup,以了解创建单选框组的其他可能性。

安装

/*
 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.
 */

用法

标准

Standard

稠密

Dense

着色

在下面示例的第二行中,当单选按钮未处于切换状态时,将使用属性keep-color来保留传入的颜色。

Coloring

暗色和禁用

On a dark background
Disable

标签在左侧

Label on left side

使用QOptionGroup

TIP

您还可以使用QOptionGroup,当您有单选框组时,它可以简化用法,如下例所示。

Usage with QOptionGroup

使用QItem

在下面的示例中,我们渲染了一个<label>标签(注意tag="label"),因此QRadio将响应QItems的单击以更改切换状态。

With QItem

QRadio API

Loading API...
Please wait...