需要vue2.0以上
安装:
npm install vue-touch@next --save
main.js中引入
import VueTouch from ‘vue-touch‘ Vue.use(VueTouch, {name: ‘v-touch‘});
在使用的页面或插件中
<v-touch @swipeleft = "swipeLeft" @swiperight = "swipeRight" :swipe-options="{direction: ‘horizontal‘}" > </v-touch>
methods:{ // 左滑 swipeLeft(){ // 页面跳转或其它操作 }, // 右滑 swipeRight(){ // 页面跳转或其它操作 }, }
:swipe-options="{direction: ‘horizontal‘}" 可以解决引入该组件后不许上下滑动问题