vue 手机右滑返回

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>