Vue Range Multi Demo

number


modelValue
3

number[]

range-highlight
modelValue
[10,20]

number[]

addablesmoothshow-stopsthumb-type:square
modelValue
[10,30,50,70,90]
15%
25%
center
0
0
0
0
0

RangeData[]

addableprogressthumb-type:rectrender-top-on-active
modelValue
[{"data":"00:00","value":10,"disabled":true},{"data":"30:00","value":40},{"data":"50:00","value":80},{"data":"59:59","value":90,"unremovable":true}]
00:00
30:00
50:00
59:59

Vertical

verticalslotlimit:5thumb-limits:[1,9]
{"data":"disabled","value":2,"disabled":true}
2
{"data":"random1","value":4,"limits":[2,10]}
4
{"data":"unremovable","value":8,"unremovable":true}
8