vue 路由页面之间实现用手指进行滑动的方法
编程学习 2021-07-04 17:33www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家分享一篇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(){。。。。。。。}
以上这篇vue 路由页面之间实现用手指进行滑动的方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。