You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
*`disableClick` default `false`. Use touch event only, will not trigger click event.
79
-
80
-
You should keep this value default if you use your website on both mobile and PC.
81
-
82
-
If your website uses on mobile only, it's a good choice to set this value to `true` to get a better user experience, and it can resolve some touch pass-through issue.
83
-
84
86
*`touchClass` default: `''`. Add an extra CSS class when touch start, and remove it when touch end.
85
87
86
-
If `disableClick` is `false`, it will bind `mouseenter` and `mouseleave` event on your components too. So you can use it instead of `:hover` and `:active`.
87
-
88
88
This is a global config, and you can use `v-touch-class` directive to overwrite this setting in a single component.
89
89
90
90
*`tapTolerance` default `10`. The tolerance to ensure whether the tap event effective or not.
91
91
*`swipeTolerance` default `30`. The tolerance to ensure whether the swipe event effective or not.
92
92
*`longTapTimeInterval` default `400` in millsecond. The minimum time interval to detect whether long tap event effective or not.
93
93
94
-
If you don't want bind `click` event at same time, just set `disableClick` to `true`.
95
-
96
94
### Directives
97
95
98
96
#### v-touch
99
97
Bind the `v-touch` directive to components which you want to enable touch events.
100
98
101
-
`v-touch` accepts an argument to tell it which event you want to bind.`tap`, `longtap` and `swipe` are available.
99
+
`v-touch` accepts an argument to tell it which event you want to bind.
0 commit comments