Vue之Vue-touch的使用

最近項目中,有的頁面發現設置返回鍵看起來怪怪的,感受與總體不協調,因而就考慮使用手勢滑動事件來實現返回功能~vue

 

開叉查閱資料~找到了vue-touch,使用起來可謂是簡單粗暴啊,適合我這樣的快速開發人員,源碼地址:git

https://github.com/vuejs/vue-touch/tree/nextgithub

不過要看清楚了,vue2.0以後的要使用next分支才行,以前的使用master分支便可npm

 

npm insall vue-touch@next --save函數

而後再main.js中引入:blog

 

import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'})

以後在任何組件內均可以按照下方的方式進行使用啦事件

left,right爲本身定義的左右滑動時觸發的回調函數,可執行自定義方法,更多的方法以及詳細使用規則請參考上方的github地址開發

相關文章
相關標籤/搜索