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>