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遮罩层代码实例
Nov 14 Javascript
jQuery的DOM操作之删除节点示例
Jan 03 Javascript
解决jquery插件冲突的问题
Jan 23 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
深入解析Vue 组件命名那些事
Jul 18 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 Javascript
jquery轻量级数字动画插件countUp.js使用详解
Oct 17 jQuery
Vue实现push数组并删除的例子
Nov 01 Javascript
js实现简单选项卡制作
Aug 05 Javascript
vue脚手架项目创建步骤详解
Mar 02 Vue.js
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-accelerator网站加速PHP缓冲的方法
2008/07/30 PHP
PHP学习笔记之数组篇
2011/06/28 PHP
php操纵mysqli数据库的实现方法
2016/09/18 PHP
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
纯js实现的积木(div层)拖动功能示例
2017/07/19 Javascript
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
使用JS实现图片轮播的实例(前后首尾相接)
2017/09/21 Javascript
详解vue 计算属性与方法跟侦听器区别(面试考点)
2018/04/23 Javascript
webstorm添加*.vue文件支持
2018/05/08 Javascript
实例介绍JavaScript中多种组合继承
2019/01/20 Javascript
js最实用string(字符串)类型的使用及截取与拼接详解
2019/04/26 Javascript
在Python中使用__slots__方法的详细教程
2015/04/28 Python
Python矩阵常见运算操作实例总结
2017/09/29 Python
python 产生token及token验证的方法
2018/12/26 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
纯CSS3实现的井字棋游戏
2020/11/25 HTML / CSS
XML文档面试题
2015/08/05 面试题
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
工作表扬信的范文
2014/01/10 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
销售顾问岗位职责
2014/02/25 职场文书
给校长的建议书
2014/03/12 职场文书
经典商业广告词
2014/03/13 职场文书
信访工作经验交流材料
2014/05/23 职场文书
服务标语口号
2014/07/01 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
2014教师年度思想工作总结
2014/11/10 职场文书
2014年人民调解工作总结
2014/12/08 职场文书
志愿者事迹材料
2014/12/26 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
班委竞选稿范文
2015/11/21 职场文书