欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

在vue中如何实现用手指进行滑动的方法

程序员文章站 2022-05-03 15:42:29
...
下面我就为大家分享一篇vue 路由页面之间实现用手指进行滑动的方法,具有很好的参考价值,希望对大家有所帮助。

问题描述:vue 路由页面之间如何用手指进行滑动

解决方法:

1、下载依赖:npm intall vue-touch --save -D

2、在需要滑动的页面添加标签;<v-touch> 注意要宽高,当页面有东西要写入时,可用v-touch 包裹着其他标签;

如:<v-touch class="controller" v-on:swipeleft="onSwipeLeft" v-on:swiperight="onSwipeRight">

3、methods 中分别写入它们的方法;

onSwipeLeft(){。。。。。。。},

onSwipeRight(){。。。。。。。}

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

详细解读在js函数相关内容

jQuery中isPlainObject()使用方法有哪些?

Vue中使用Elememt-UI构建管理后台(详细教程)


以上就是在vue中如何实现用手指进行滑动的方法的详细内容,更多请关注其它相关文章!