vue 路由页面之间实现用手指进行滑动的方法
2018-02-23 08:54
931 查看
问题描述: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 路由页面之间如何用手指进行滑动
- vue通过路由实现页面刷新的方法
- javascript实现页面之间传递参数的方法
- Android中实现滑动翻页—使用ViewFlipper(dp和px之间进行转换)
- C#实现.net页面之间传值传参方法汇总
- JavaScript实现自动对页面上敏感词进行屏蔽的方法
- 用Activity的onTouchEvent方法实现监听手指上下左右滑动
- Android中实现滑动翻页—使用ViewFlipper(dp和px之间进行转换)
- ViewPager滑动页面的实现方法
- JavaScript实现页面之间传递参数的方法
- js实现分享到随页面滚动而滑动效果的方法
- TabActivity实现手指左右滑动切换页面
- JavaScript实现自动对页面上敏感词进行屏蔽的方法
- Android中实现滑动翻页—使用ViewFlipper(dp和px之间进行转换)
- ViewPager的使用方法(实现左右滑动切换页面)
- JavaScript实现页面之间传递参数的方法
- 用javascript实现html页面之间的参数传递的四种方法
- 用Activity的onTouchEvent方法实现监听手指上下左右滑动
- jsp简单实现页面之间共享信息的方法
- NSSlider实现捕捉滑动开始时刻和结束时刻的方法,以及进行点击跳转