【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;
}