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 相关文章推荐
jQuery学习4 浏览器的事件模型
Feb 07 Javascript
jquery控制listbox中项的移动并排序的实现代码
Sep 28 Javascript
Extjs中ComboBox加载并赋初值的实现方法
Mar 22 Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
javascript关于继承解析
May 10 Javascript
vue-cli如何快速构建vue项目
Apr 26 Javascript
JavaScript运动框架 多物体任意值运动(三)
May 17 Javascript
JS实现商品筛选功能
Aug 19 Javascript
vue2导航根据路由传值,而改变导航内容的实例
Nov 10 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
Oct 08 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
仿AS3实现PHP 事件机制实现代码
2011/01/27 PHP
Thinkphp将二维数组变为标签适用的一维数组方法总结
2014/10/30 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
PHP新建类问题分析及解决思路
2015/11/19 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
javascript贪吃蛇完整版(源码)
2013/12/09 Javascript
JavaScript网页定位详解
2014/01/13 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
对之前写的jquery分页做下升级
2014/06/19 Javascript
使用mini-define实现前端代码的模块化管理
2014/12/25 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
vue2项目使用sass的示例代码
2017/06/28 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
javascript中join方法实例讲解
2019/02/21 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
详解基于Vue的支持数据双向绑定的select组件
2019/09/02 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
[47:52]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第二场 11.26
2020/11/30 DOTA
[01:38:19]夜魇凡尔赛茶话会 第五期
2021/03/11 DOTA
利用python代码写的12306订票代码
2015/12/20 Python
利用Python抓取行政区划码的方法
2016/11/28 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
解决pyecharts在jupyter notebook中使用报错问题
2020/04/23 Python
flask框架自定义url转换器操作详解
2020/01/25 Python
python如何提升爬虫效率
2020/09/27 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
Shein英国:女性时尚网上商店
2019/04/10 全球购物
TCP/IP模型的分界线
2012/12/01 面试题
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
Java数组与堆栈相关知识总结
2021/06/29 Java/Android