vue 路由页面之间实现用手指进行滑动的方法


Posted in Javascript onFebruary 23, 2018

问题描述: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 路由页面之间实现用手指进行滑动的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS实现打开本地文件或文件夹
Mar 09 Javascript
Javascript string 扩展库代码
Apr 09 Javascript
JQuery 学习技巧总结
May 21 Javascript
jquery实现div拖拽宽度示例代码
Jul 31 Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
初识angular框架后的所思所想
Feb 19 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
JavaScript 接口原理与用法实例详解
May 12 Javascript
vue编译打包本地查看index文件的方法
Feb 23 #Javascript
vue 使用Jade模板写html,stylus写css的方法
Feb 23 #Javascript
Angular 向组件传递模板的两种方法
Feb 23 #Javascript
详解Node.js中的Async和Await函数
Feb 22 #Javascript
解决webpack无法通过IP地址访问localhost的问题
Feb 22 #Javascript
webpack-dev-server远程访问配置方法
Feb 22 #Javascript
关于Webpack dev server热加载失败的解决方法
Feb 22 #Javascript
You might like
虚拟主机中对PHP的特殊设置
2006/10/09 PHP
下载文件的点击数回填
2006/10/09 PHP
header导出Excel应用示例
2014/01/24 PHP
php结合ACCESS的跨库查询功能
2015/06/12 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
PHP中单例模式的使用场景与使用方法讲解
2019/03/18 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
12306验证码破解思路分享
2015/03/25 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
Node.js中 __dirname 的使用介绍
2017/06/19 Javascript
JS中的三个循环小结
2017/06/20 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
2017/07/27 Javascript
基于Vue实现支持按周切换的日历
2020/09/24 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
2018/02/22 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python实现简单过滤文本段的方法
2017/05/24 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
Python常用断言函数实例汇总
2020/11/30 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
苹果美国官方商城:Apple美国
2016/08/24 全球购物
塑料制成的可水洗的编织平底鞋和鞋子:Rothy’s
2018/09/16 全球购物
优秀团支部事迹材料
2014/02/08 职场文书
个人买房协议书范本
2014/10/06 职场文书
2014年小学安全工作总结
2014/12/04 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android
详解Python中的for循环
2022/04/30 Python