v-touch插件是基于vue 封装的手机端 touch组件,可以识别到是向右滑动还是向右滑动
安装
npm install vue-touch@next --save
在mian.js中引入
import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'})
vue html代码部分
<template>
<v-touch :swipeleft="swiper(1)" :swiperight="swiper(2)" class="wrapper">
<div>
<!-- 这个是内容 -->
</div>
</v-touch>
</template>
methods 代码部分
swiperright: function (last) {
// 如果等于1 向左 2向右
if(last === 1) {
// 向左逻辑
}else {
// 向右逻辑
}
}
v-touch 只能左右滑动,不能上下滑动