为什么捐赠
API 浏览器
联系站长
切换按钮

QBtnToggle 组件是另一个基础的用户输入元素,类似于 QRadio 但以按钮形式呈现。您可以用它来让用户从多个选项中进行选择。

正在加载 QBtnToggle API...

用法

基础用法

基础用法



样式设计

TIP

由于 QBtnToggle 内部使用了 QBtn,您可以使用 QBtn 的样式相关属性来定制该组件的外观。

一些样式示例



水平铺满



自定义内容

下面第一个 QBtnToggle 在每个按钮上添加了工具提示。第二个 QBtnToggle 自定义了按钮内容。注意 options 对象定义中的 slot 属性。当您使用了 slot 属性时,options 中的 label / icon 属性就不是必需的了。

自定义按钮内容



禁用和只读

禁用和只读



原生表单提交

当处理具有 actionmethod 的原生表单时(例如在 Quasar 配合 ASP.NET 控制器使用时),您需要为 QBtnToggle 指定 name 属性,否则 formData 中将不会包含它(如果需要的话)——所有值都会被转换为字符串(这是原生行为,因此不要使用 Object 类型的值):

原生表单