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代码
Aug 13 Javascript
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
Oct 25 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
May 10 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
Dec 23 Javascript
原生js实现查询天气小应用
Dec 09 Javascript
JavaScript实现多栏目切换效果
Dec 12 Javascript
浅析JavaScript中var that=this
Feb 17 Javascript
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
javascript实现QQ空间相册展示源码
Dec 12 Javascript
JavaScript中import用法总结
Jan 20 Javascript
基于JS判断对象是否是数组
Jan 10 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
phpmyadmin安装时提示:Warning: require_once(./libraries/common.inc.php)错误解决办法
2011/08/18 PHP
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
php中文乱码问题的终极解决方案汇总
2017/08/01 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
判断一个变量是数组Array类型的方法
2013/09/16 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
javascript作用域问题实例分析
2015/07/13 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
微信支付如何实现内置浏览器的H5页面支付
2015/09/25 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
jquery 实现回车登录详解及实例代码
2016/10/23 Javascript
JS实现图片上传预览功能
2016/11/21 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
2019/04/10 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
[17:36]VG战队纪录片
2014/08/21 DOTA
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
用Eclipse写python程序
2018/02/10 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python PIL图片添加字体的例子
2019/08/22 Python
python 实现生成均匀分布的点
2019/12/05 Python
Python 音频生成器的实现示例
2019/12/24 Python
智能电子应届生求职信
2013/11/10 职场文书
2014端午节活动策划方案
2014/01/27 职场文书
2015人事行政工作总结范文
2015/05/21 职场文书
行政处罚事先告知书
2015/07/01 职场文书
中学生国庆节演讲稿2015
2015/07/30 职场文书
初一军训感言
2015/08/01 职场文书
感恩教育主题班会
2015/08/12 职场文书
Rust中的Struct使用示例详解
2022/08/14 Javascript