【Vue】vue移动端实现触摸事件（v-touch）的使用

安装

npm install vue-touch@next -S

main.js引入

1、import VueTouch from 'vue-touch'

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

// 组件内

<template>
  <v-touch v-on:swipeup="swiperup" v-on:swipedown="swiperdown" class="wrapper v-touch" tag="div">
  </v-touch>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  methods: {
    swiperup: function () {
      
    },
    swiperdown: function () {
      
    }
  }
}
</script>

注意：v-touch默认会开启禁止滑动，禁止复制

只需加入如下代码，覆盖其样式即可

<v-touch v-on:swipeleft="getNext" v-on:swiperight="getPrev" tag="div" class="v-touch">
style内
.v-touch{
  touch-action: pan-y!important;
}