Hammer.js wrapper for Vue 2.x to support some touching operation in the mobile.
npm install vue2-hammerHammer.js wrapper for Vue to support some operation in the mobile
This is a directive wrapper for Hammer.js 2.x. And this repo'inspiration is from v-touch.
If you want to find a same wrapper for Angular4+, you can have a look at ngx-hammer
> This plugin supports Vue >= 2.0.
Available through npm as vue2-hammer.
``bash`
npm install vue2-hammer
`Javascript`
import { VueHammer } from 'vue2-hammer'
Vue.use(VueHammer)
#### Using the v-hammer directive
`html
Tap me!
#### Configuring Recognizer Options
There are two ways to customize recognizer options such as
direction and threshold. The first one is setting global options:`js
// change the threshold for all swipe recognizers
VueHammer.config.swipe = {
threshold: 200
};
``html
v-hammer:tap="onTap"
v-hammer:pan:horizontal="onPanHorizontal"
v-hammer:panstart="onPanStart"
v-hammer:panend="onPanEnd"
v-hammer:press="onPress"
v-hammer:pressup="onPressup"
>
`See Hammer.js documentation for all available events.
$3
#### gestures
tap, pan, pinch, press, rotate, swipe
#### directions
up, down, left, right, horizontal, vertical, all
#### Note
Users can use both the gesture and the direction like
v-hammer:swipe.left. But if your combination is not exist in the hammer, it is not support.Run the Example
- Run
yarn or npm i
- Run yarn build or npm run build`