H5实现左右滑动手势

1. 安装vue2-touch-events
npm install vue2-touch-events
2. 在main.js中引入

// main.js
import Vue2TouchEvents from 'vue2-touch-events'
Vue.use(Vue2TouchEvents)

3. 通过自定义指令使用

<!-- template -->
<!-- 需要监听左右滑动手势的dom -->
<div v-touch:swipe="handleSwipe"></div>

// methods方法
handleSwipe (val) {
  if(val === 'left') {
    console.log('to left')
  } else if(val === 'right') {
    console.log('to righe')
  }
}