Vue移动端实现左滑右滑

需要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‘}"  可以解决引入该组件后不许上下滑动问题

 

Vue移动端实现左滑右滑

上一篇:C++中iostream iterator的妙用


下一篇:APP——python——Appium中 setCapability的各种方法