支持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'});

?

轉載于:https://www.cnblogs.com/xiaofenguo/p/10430234.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的vue-touchjs的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。