按钮切换

QBtnToggle组件是用户输入的另一个基本元素,类似于QRadio,但带有按钮。 您可以使用此方法为用户提供一种从多个选项中选择一个选项的方法。

安装

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

用法

基础

Basic

设计

TIP

由于QBtnToggle使用QBtn,因此可以使用QBtn的与设计相关的属性来设置此组件的样式。

Some design examples
Spread horizontally
On a dark background

自定义内容

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

Custom buttons content

禁用和只读

Disable and readonly

本地表单提交

当处理具有actionmethod的原生形式时(例如,使用Quasar和ASP.NET控制器),则需要在QBtnToggle上指定name属性,否则formData将不包含它(如果应该的话)-所有值都转换为字符串(本地行为,因此不要使用对象值):

Native form

QBtnToggle API

Loading API...
Please wait...