Hammer.js based touch events plugin for Vue.js
Touch events plugin for Vue.js
This is a directive wrapper for Hammer.js 2.0.
Available through npm as
var VueTouch = require'vue-touch'VueuseVueTouch
<script>tag when you have Vue and Hammer.js already included globally. It will automatically install itself, and will add a global
Tap me!Swipe me!
There are two ways to customize recognizer options such as
threshold. The first one is setting global options:
// change the threshold for all swipe recognizersVueTouchconfigswipe =threshold: 200
Or, you can use the
v-touch-options directive to configure the behavior on a specific element:
<!-- detect only horizontal pans with a threshold of 100 -->
// example registering a custom doubletap event.// the `type` indicates the base recognizer to use from Hammer// all other options are Hammer recognizer options.VueTouchregisterCustomEvent'doubletap'type: 'tap'taps: 2
See Hammer.js documentation for all available events.
/example for a multi-event demo. To build it, run
npm install && npm run build.