Slider 滑块

通过拖动滑块在一个固定区间内进行选择

基础用法

在拖动滑块时,显示当前值

通过设置绑定值自定义滑块的初始值

Default value
Customized initial value
Hide Tooltip
Format Tooltip
Disabled

离散值

选项可以是离散的

改变step的值可以改变步长, 通过设置 showStops 属性可以显示间断点

Breakpoints not displayed
Breakpoints displayed

带有输入框的滑块

通过输入框输入来改变当前的值。

设置 showInput 属性会在右侧显示一个输入框

不同尺寸

位置

您可以自定义 Tooltip 提示的位置。

范围选择

你还可以选择一个范围值

配置 range 属性以激活范围选择模式,该属性的绑定值是一个数组,由最小边界值和最大边界值组成。

4,8

垂直模式

配置 vertical 属性为 true 启用垂直模式。 在垂直模式下,必须设置 height 属性。

0

显示标记

设置 marks 属性可以在滑块上显示标记。

30,60
0°C
8°C
37°C
50%
SvelementUI footer