Vue Scroll Picker

iOS Style Scroll Picker Component for Vue 3. Support All Gestures of Mouse(also MouseWheel) and Touch.

GitHub

Full Binding

Vue Scroll Picker provides full data binding. [Source]

Select an option
0KG
10KG
20KG
30KG
40KG
50KG
60KG
70KG
80KG
90KG
100KG

Disabled Items

You can add a disabled property to the select options. A disabled value cannot be selected. [Source]

Select an option
0KG
10KG
20KG
30KG
40KG
50KG
60KG
70KG
80KG
90KG
100KG

Slot Support

[Source]

Select an option
Instagram
Instagram
Facebook
Facebook
YouTube
Youtube
Twitter
Twitter
LINE
Line

Event

[Source]

Select an option
0KG
10KG
20KG
30KG
40KG
50KG
60KG
70KG
80KG
90KG
100KG

Sensitivity

[Source]

currentValue = null
1.7
1.7
1
Select an option
0KG
10KG
20KG
30KG
40KG
50KG
60KG
70KG
80KG
90KG
100KG

Transition

[Source]

currentValue = null

Dynamic Options

[Source]

No Options Available

Reactive Style

[Source]

Select an option
0KG
10KG
20KG
30KG
40KG
50KG
60KG
70KG
80KG
90KG
100KG

Dialog

[Source]

currentValue = null
Select an option
0KG
10KG
20KG
30KG
40KG
50KG
60KG
70KG
80KG
90KG
100KG

Multiple

[Source]

Date = 2025-02-17 19:14:04
2025
2024
2023
2022
2021
2020
2019
2018
2017
2016
2015
2014
2013
2012
2011
2010
2009
2008
2007
2006
2005
2004
2003
2002
2001
2000
1999
1998
1997
1996
1995
1994
1993
1992
1991
1990
1989
1988
1987
1986
1985
1984
1983
1982
1981
1980
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
AM
PM
0
1
2
3
4
5
6
7
8
9
10
11
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59