vue 路由页面之间实现用手指进行滑动的方法
(编辑:jimmy 日期: 2024/11/8 浏览:3 次 )
问题描述: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 路由页面之间实现用手指进行滑动的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇:vue编译打包本地查看index文件的方法