切换

QToggle组件是用户输入的另一个基本元素。 您可以使用它来打开和关闭设置、功能或正确/错误输入。

TIP

另请参阅QOptionGroup,以了解创建切换开关组合的其他可能性。

安装

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

用法

基础

使用color属性控制切换开关的颜色。

Basic

带标签

With labels

保持色彩

Keep color

带图标

Icons

自定义模型值

可以使用自定义值代替默认的true/false值。

Custom model values

数组模型

如果您有多个切换开关可以选择,可以使用数组作为所有切换开关的模型,并在每个切换开关上指定val属性。 如果勾选了切换开关,则将其val插入数组,反之亦然。

Array model

暗色和禁用

On a dark background
Disabled state

使用QOptionGroup

TIP

您还可以使用QOptionGroup,当您有切换开关组合时,它可以简化用法,如下例所示。

Usage with QOptionGroup

使用QItem

With QItem

QToggle API

Loading API...
Please wait...