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 相关文章推荐
不懂JavaScript应该怎样学
Apr 16 Javascript
用Javascript实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
映彩衣的js随笔(js图片切换效果)
Jul 31 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
完美的js图片轮换效果
Feb 05 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
Vue2.0权限树组件实现代码
Aug 29 Javascript
微信小程序实现留言板(Storage)
Nov 02 Javascript
TypeScript中的方法重载详解
Apr 12 Javascript
js 闭包深入理解与实例分析
Mar 19 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 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中addslashes()和stripslashes()实现字符串转义和还原用法实例
2016/01/07 PHP
PHP实现合并两个排序链表的方法
2018/01/19 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
jquery $(&quot;#variable&quot;) 循环改变variable的值示例
2014/02/23 Javascript
AngularJS入门教程引导程序
2016/08/18 Javascript
Javascrip实现文字跳动特效
2016/11/27 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
2016/12/16 Javascript
jQuery获取table表中的td标签(实例讲解)
2017/07/28 jQuery
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
angularjs 缓存的使用详解
2018/03/19 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
vue 实现根据data中的属性值来设置不同的样式
2020/08/04 Javascript
python使用super()出现错误解决办法
2017/08/14 Python
python密码错误三次锁定(实例讲解)
2017/11/14 Python
Python中static相关知识小结
2018/01/02 Python
ubuntu16.04制作vim和python3的开发环境
2018/09/23 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
使用jupyter notebook运行python和R的步骤
2020/08/13 Python
详解python datetime模块
2020/08/17 Python
Anaconda的安装与虚拟环境建立
2020/11/18 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
人事主管的岗位职责
2013/11/16 职场文书
教师个人读书活动总结
2014/07/08 职场文书
海洋科学专业求职信
2014/08/10 职场文书
2014年教研工作总结
2014/12/06 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
小学课改工作总结
2015/08/13 职场文书
《从现在开始》教学反思
2016/02/16 职场文书
初中政治教学反思
2016/02/23 职场文书
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL