1、安装vue-directive-touch组件
npm install vue-directive-touch --save
2、引入组件
在main.js中引入vue-directive-touch
import touch from 'vue-directive-touch';
Vue.use(touch);
3、在需要的页面使用
<template>
<div v-touch:right="backBefore">
</div>
</template>
<script>
export default {
name: "index",
data(){
},
methods:{
backBefore (e,start,end){
// 滑动距离
if(end.X>start.X && end.X-start.X>30){
//要跳转的页面
}
}
}
</script>