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

下面我就为大家分享一篇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中如何实现用手指进行滑动的方法的详细内容，更多请关注其它相关文章！