v-touch插件:vue监听手指滑动vue-touch的使用

1. npm安装

npm install vue-touch@next --save
//main.js中引入:
import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'})

2. 案例:

//html代码

3. js

export default {
  name: 'Queue',
  data () {
    return {
    
    }
  },
  methods: {
    swiperleft: function () {
     console.log("左划")
    },
    swiperright: function () {
     console.log("右滑")
    }
  }

}

4. vue-touch在ios上无法上下移动的问题

添加一个
:swipe-options="{direction: ‘horizontal’}"

 

你可能感兴趣的:(工作笔记,vue)