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_05_原型继承原理
Oct 13 Javascript
javascript + jquery实现定时修改文章标题
Mar 19 Javascript
JavaScript实现继承的4种方法总结
Oct 16 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
jQuery基于扩展实现的倒计时效果
May 14 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
js实现盒子滚动动画效果
Aug 09 Javascript
JavaScript如何利用Promise控制并发请求个数
May 14 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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中的gzcompress、gzdeflate、gzencode函数详解
2014/07/29 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
2018/06/04 PHP
xtree.js 代码
2007/03/13 Javascript
niceTitle 基于jquery的超链接提示插件
2010/05/31 Javascript
基于jquery的一个浮动框(扩展性比较好 )
2010/08/27 Javascript
setInterval与clearInterval的使用示例代码
2014/01/28 Javascript
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
js比较日期大小的方法
2015/05/12 Javascript
js随机生成26个大小写字母
2016/02/12 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
详解jQuery简单的表单应用
2016/12/16 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
利用10行js代码实现上下滚动公告效果
2017/12/08 Javascript
vue下拉列表功能实例代码
2018/04/08 Javascript
vue-week-picker实现支持按周切换的日历
2019/06/26 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
python多重继承新算法C3介绍
2014/09/28 Python
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
基于Python_脚本CGI、特点、应用、开发环境(详解)
2017/05/23 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
对pyqt5多线程正确的开启姿势详解
2019/06/14 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
日本运动品牌美津浓官方购物网站:MIZUNO SHOP
2016/08/21 全球购物
美国最流行的男士时尚网站:Touch of Modern
2018/02/05 全球购物
医药个人求职信范文
2014/01/29 职场文书
优秀团支部事迹材料
2014/02/08 职场文书
精彩的广告词
2014/03/19 职场文书
2014公司年终工作总结
2014/12/19 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
停电调休通知
2015/04/16 职场文书
MySQL学习之基础命令实操总结
2022/03/19 MySQL