Vue之Vue-touch的使用

最近項目中，有的頁面發現設置返回鍵看起來怪怪的，感覺與整體不協調，於是就考慮使用手勢滑動事件來實現返回功能~

 

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

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

不過要看清楚了，vue2.0之后的要使用next分支才行，之前的使用master分支即可

 

npm insall vue-touch@next --save

然后再main.js中引入：

 

import VueTouch from 'vue-touch'

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

之后在任何組件內都可以按照下方的方式進行使用啦

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