最近项目中,有的页面发现设置返回键看起来怪怪的,感觉与整体不协调,于是就考虑使用手势滑动事件来实现返回功能~

 

开叉查阅资料~找到了vue-touch,使用起来可谓是简单粗暴啊,适合我这样的快速开发人员,源码地址:

https://github.com/vuejs/vue-touch/tree/next

不过要看清楚了,vue2.0之后的要使用next分支才行,之前的使用master分支即可

Vue之Vue-touch的使用

 

npm insall vue-touch@next --save

然后再main.js中引入:

 

import VueTouch from 'vue-touch'
Vue.use(VueTouch, {name: 'v-touch'})

之后在任何组件内都可以按照下方的方式进行使用啦

Vue之Vue-touch的使用

left,right为自己定义的左右滑动时触发的回调函数,可执行自定义方法,更多的方法以及详细使用规则请参考上方的github地址

相关文章:

  • 2022-02-16
  • 2022-12-23
  • 2022-12-23
  • 2021-10-23
  • 2022-12-23
  • 2021-05-23
  • 2022-02-18
猜你喜欢
  • 2021-08-25
  • 2021-05-30
  • 2021-12-13
  • 2022-12-23
  • 2022-12-23
  • 2022-03-02
  • 2021-08-12
相关资源
相似解决方案