左右滑动跳转页面

npm install kim-vue-touch

main

import vueTouch from 'kim-vue-touch'

Vue.use(vueTouch)

html

   <div class="box" 
        v-tap="(e)=>vueTouch('点击',e)" 
        v-longtap="(e)=>vueTouch('长按',e)" 
        v-swipeleft="(e)=>vueTouch('左滑',e)"
        v-swiperight="(e)=>vueTouch('右滑',e)"
        v-swipeup="(e)=>vueTouch('上滑',e)"
        v-swipedown="(e)=>vueTouch('下滑',e)"
    ></div>

js

   // 监测用户滑动操作
    vueTouch: function(txt, e) {
      console.log("txt", txt);
      if (txt == "右滑") {
        this.$router.push({ path: "/left" });
      }
      if (txt == "左滑") {
        this.$router.push({ path: "/right" });
      }
    }