滑块

QSlider是用户指定最小值和最大值之间的数字值的一种好方法,有效值之间可以选择步长。 滑块还具有焦点指示器(突出显示的滑块按钮),可用于调整滑块的键盘。

也检阅其“兄弟”,即QRange组件。

安装

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

用法

标准

Standard

垂直

Vertical orientation

带步数

With step

step属性也可以是浮点数(如果需要无限精度,也可以是数字0)。

Floating point
Snap to steps

带标签

在下面的示例中,移动滑块以查看标签。

With label
Always display label
Custom label value

下面的示例更好地强调了QSlider如何处理标签定位,以便它始终水平地保持在QSlider的框中。

Long label

里程碑

Markers

延迟输入

Lazy input

空值

Null value

反转

In reverse

暗色、只读、禁用

Dark
Readonly
Disable

使用QItem

With QItem

本地表单提交

当处理具有actionmethod的原生形式时(例如,使用Quasar和ASP.NET控制器),则需要在QSlider上指定name属性,否则formData将不包含它(如果应该的话):

Native form

QSlider API

Loading API...
Please wait...