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在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 Javascript
通过javascript获取iframe里的值示例代码
Jun 24 Javascript
JavaScript中for-in遍历方式示例介绍
Feb 11 Javascript
Javascript模块化编程详解
Dec 01 Javascript
更高效的使用JQuery 这里总结了8个小技巧
Apr 13 Javascript
JavaScript易错知识点整理
Dec 05 Javascript
js实现时间轴自动排列效果
Mar 09 Javascript
Vue关于数据绑定出错解决办法
May 15 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
Mar 09 Javascript
IE9 elementUI文件上传的问题解决
Oct 17 Javascript
vue store之状态管理模式的详细介绍
Jun 13 Javascript
vue实现列表滚动的过渡动画
Jun 29 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
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
PHP中substr()与explode()函数用法分析
2014/11/24 PHP
PHP获取数组的键与值方法小结
2015/06/13 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
关于扩展 Laravel 默认 Session 中间件导致的 Session 写入失效问题分析
2016/01/08 PHP
php源码之将图片转化为data/base64数据流实例详解
2016/11/27 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
JavaScript 继承使用分析
2011/05/12 Javascript
asp.net 30分钟掌握无刷新 Repeater
2011/09/16 Javascript
js点击页面其它地方将某个显示的DIV隐藏
2012/07/12 Javascript
jQuery中使用Ajax获取JSON格式数据示例代码
2013/11/26 Javascript
jquery实现用户信息修改验证输入方法汇总
2015/07/18 Javascript
基于javascript如何传递特殊字符
2015/11/30 Javascript
Vuex之理解state的用法实例
2017/04/19 Javascript
JS库之Particles.js中文开发手册及参数详解
2017/09/13 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
解决vue路由后界面没有变化,但是链接有的问题
2018/09/01 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
jQuery实现容器间的元素拖拽功能
2020/12/01 jQuery
python库lxml在linux和WIN系统下的安装
2018/06/24 Python
Python中的heapq模块源码详析
2019/01/08 Python
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
元旦促销方案
2014/03/15 职场文书
生产文员岗位职责
2014/04/05 职场文书
人力资源管理专业毕业生自荐书
2014/05/25 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
学习十八届四中全会精神思想汇报
2014/10/23 职场文书
2014年会计人员工作总结
2014/12/10 职场文书
保洁员岗位职责
2015/02/04 职场文书
卡特教练观后感
2015/06/08 职场文书
新年寄语2016
2015/08/17 职场文书
python通配符之glob模块的使用详解
2021/04/24 Python
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python