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跨域和ajax 跨域问题的实现思路
Sep 05 Javascript
javascript 面向对象编程  function是方法(函数)
Sep 17 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
js判断样式className同时增加class或删除class
Jan 30 Javascript
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 Javascript
node实现分片下载的示例代码
Oct 17 Javascript
vue动态禁用控件绑定disable的例子
Oct 28 Javascript
vue实现移动端项目多行文本溢出省略
Jul 29 Javascript
JavaScript实现移动端拖动元素
Nov 24 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内核(二)之SAPI探究
2015/11/10 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
用roll.js实现的图片自动滚动+鼠标触动的特效
2007/03/18 Javascript
js 弹出菜单/窗口效果
2011/10/30 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
Nodejs实现的一个简单udp广播服务器、客户端
2014/09/25 NodeJs
AngularJS HTML编译器介绍
2014/12/06 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
javascript闭包概念简单解析(推荐)
2016/06/03 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
彻底解决 webpack 打包文件体积过大问题
2017/07/07 Javascript
JS 使用 window对象的print方法实现分页打印功能
2018/05/16 Javascript
mpvue跳转页面及注意事项
2018/08/03 Javascript
如何从头实现一个node.js的koa框架
2019/06/17 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
python实现ipsec开权限实例
2014/11/11 Python
python结合selenium获取XX省交通违章数据的实现思路及代码
2016/06/26 Python
Numpy掩码式数组详解
2018/04/17 Python
对Python2与Python3中__bool__方法的差异详解
2018/11/01 Python
python画图把时间作为横坐标的方法
2019/07/07 Python
简单的Python人脸识别系统
2020/07/14 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
CSS3简单实现照片墙
2014/12/12 HTML / CSS
英国IT硬件供应商,定制游戏PC:Mesh Computers
2019/03/28 全球购物
技术总监个人的自我评价范文
2013/12/18 职场文书
母婴店促销方案
2014/03/05 职场文书
意向协议书范本
2014/04/23 职场文书
好学生评语大全
2014/05/05 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
试用期自我评价范文
2015/03/10 职场文书
2015纪念九一八事变84周年演讲稿
2015/03/19 职场文书
工程款催款函
2015/06/24 职场文书
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS
MySQL时区造成时差问题
2022/04/13 MySQL