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 相关文章推荐
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
JavaScript中5种调用函数的方法
Mar 12 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
jQuery实现元素的插入
Feb 27 Javascript
JS实现加载和读取XML文件的方法详解
Apr 24 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
Sep 18 Javascript
JS实现将链接生成二维码并转为图片的方法
Mar 17 Javascript
基于Vue实现可以拖拽的树形表格实例详解
Oct 18 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 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
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
php实现搜索类封装示例
2016/03/31 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
IE和Mozilla的兼容性汇总event
2007/08/12 Javascript
如何在JavaScript中实现私有属性的写类方式(一)
2013/12/04 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
编程语言JavaScript简介
2014/10/16 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
java中String类型变量的赋值问题介绍
2016/03/23 Javascript
微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】
2016/11/25 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
bootstrap table实现合并单元格效果
2018/12/24 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
Python中设置变量作为默认值时容易遇到的错误
2015/04/03 Python
Linux下将Python的Django项目部署到Apache服务器
2015/12/24 Python
Python之两种模式的生产者消费者模型详解
2018/10/26 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
Python爬虫爬取博客实现可视化过程解析
2020/06/29 Python
公司证明怎么写
2014/09/22 职场文书
2014年教育工作总结
2014/11/26 职场文书
典型事迹材料范文
2014/12/29 职场文书
物业项目经理岗位职责
2015/04/01 职场文书
父亲去世追悼词
2015/06/23 职场文书
初中运动会前导词
2015/07/20 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
婚宴来宾致辞
2015/07/28 职场文书
从零开始在Centos7上部署SpringBoot项目
2022/04/07 Servers
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android
如何利用python实现Simhash算法
2022/06/28 Python