QRadio 组件是另一个用于用户输入的基本元素。您可以使用它来为用户提供从多个选项中选择一个选项的方式。
提示
请参考 QOptionGroup 以了解创建单选按钮组的其他可能性。
用法
标准
带自定义图标v2.5+
紧凑
着色
在下面的示例中,第二行使用属性 keep-color
来保留在单选按钮未处于选中状态时传递的颜色。
强制暗模式
禁用
标签在左侧
尺寸
除了以下标准尺寸,您还可以通过 size
属性(最后一个是自定义尺寸)定义您自己的尺寸。
带 QOptionGroup
提示
您还可以使用 QOptionGroup,当您有多组单选按钮时,它会简化使用,例如以下示例。
带 QItem
在以下示例中,我们正在渲染一个 <label>
标签(注意 tag="label"
),因此 QRadio 将响应对 QItems 的点击以更改切换状态。
原生表单提交
在处理具有 action
和 method
的原生表单时(例如,在使用 Quasar 与 ASP.NET 控制器时),您需要在 QRadio 上指定 name
属性,否则 formData 将不会包含它(如果应该) - 所有值都被转换为字符串(原生行为,因此不要使用对象值)