当前位置:Gxlcms > JavaScript > 在vue中如何实现用手指进行滑动的方法

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

时间:2021-07-01 10:21:17 帮助过:16人阅读

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

人气教程排行