vue 路由页面之间实现用手指进行滑动 vue 路由页面之间实现用手指进行滑动的方法
向梦想出发11 人气:0想了解vue 路由页面之间实现用手指进行滑动的方法的相关内容吗,向梦想出发11在本文为您仔细讲解vue 路由页面之间实现用手指进行滑动的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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 路由页面之间实现用手指进行滑动的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
加载全部内容