滑块
QSlider 是用户指定最小值和最大值之间的数值的好方法，滑块还有一个焦点指示器（突出显示的滑块按钮），可以通过键盘调整滑块。
也看看另一个相似的组件：QRange。
QSlider API
用法
WARNING
您需要调整 QSlider 周围的空间，以便标签和标记标签不会与页面上的其他内容重叠。您可以为此使用 CSS 边距或填充。
标准
垂直
内部的最大/最小值 v2.4+
有时您需要将模型值限制为轨迹长度内的范围。您可以通过 inner-min 和 inner-max 属性来实现，前者需要大于等于 min 属性，后者需要小于等于 max 属性。
离散值
step 属性也可以是一个浮点数（或者数字 0 如果您需要无效小的精度）。
带有标签
在下面的示例中，移动滑块以查看标签。
下面的示例演示 QSlider 如何处理标签的定位，以使其始终水平地保持在 QSlide 的框内。
标记
标记标签 v2.4+
TIP on slots
为了使用标记标签插槽(参见下面) ，您必须使用 marker-labels 来启用它们。
其他的自定义选项 v2.4+
懒输入
Null 值
反向
黑色, 只读, 禁用
搭配 QItem
原生表单提交
当处理一个带有 action 和 method 的原生表单时（如：使用 Quasar 和 ASP.NET 控制器时），您需要为 QSlider 声明 name 属性，否则表单数据中不会包含它：
类型定义
interface SliderMarkerLabelPartialDefinition {
label?: number | string;
classes?: VueClassProp;
style?: VueStyleObjectProp;
}
interface SliderMarkerLabelDefinition
extends SliderMarkerLabelPartialDefinition {
value?: number;
}
interface SliderMarkerLabelDefinitionRequiredValue
extends SliderMarkerLabelPartialDefinition {
value: number;
}
interface SliderMarkerLabelObjectDefinition {
[value: number]: string | SliderMarkerLabelDefinition;
}
export type SliderMarkerLabels =
| boolean
| Array<SliderMarkerLabelDefinitionRequiredValue>
| SliderMarkerLabelObjectDefinition
| ((value: number) => string | SliderMarkerLabelDefinition);
export type SliderMarkerLabelConfig = {
index: number;
value: number;
label: number | string;
classes: string;
style: VueStyleObjectProp;
};
export type SliderMarkerLabelArrayConfig = SliderMarkerLabelConfig[];
export interface SliderMarkerLabelObjectConfig {
[value: number]: SliderMarkerLabelConfig;
}