vue-touchjs

支持vue2.0的面向指令的touch指令,基于touchjs(原百度实现的移动端手势库)

vue-touchjs支持三种stopPropagation的方式:

1 .stop修饰符

2  事件handler里面调用stopPropagation方法

3 事件handler里面return false

支持的事件:

tap 

pinchstart

pinch

pinchend

pinchin

pinchout

rotate

rotateleft

rotateright

swipestart

swiping

swipendf

swiperight

swipeleft

swipeup

swipedown

swipe

drap

drapstart

drapend

hold

doubletap

其中tap是模拟点击事件,pinch 模拟双指缩放,rorate是模拟旋转手势,swipe模拟快速滑动,drap模拟拖拽,hold表示长按,doubletap模拟双击。

使用:

vue2.0之后的要使用next分支才行,之前的使用master分支即可

npm install vue-touch@next --save

import VueTouch from 'vue-touch'

Vue.use(VueTouch,{name:'v-touch'});

 

posted on 2019-02-25 12:14  半夏微澜ぺ  阅读(2075)  评论(2编辑  收藏  举报