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获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
使用JavaScript获取电池状态的方法
May 03 Javascript
javascript数组随机排序实例分析
Jul 22 Javascript
js 判断附件后缀的简单实现方法
Oct 11 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
解决eclipse中没有js代码提示的问题
Oct 10 Javascript
JavaScript使用ul中li标签实现删除效果
Apr 15 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
Vue快速实现通用表单验证功能
Dec 05 Javascript
vue前端工程的搭建
Mar 31 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
桌面中心(一)创建数据库
2006/10/09 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
js几秒以后倒计时跳转示例
2013/12/26 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
JS动态日期时间的获取方法
2015/09/28 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
Angular中管道操作符(|)的使用方法
2017/12/15 Javascript
基于Vue的SPA动态修改页面title的方法(推荐)
2018/01/02 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
Python版实现微信公众号扫码登陆
2020/05/28 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python简单实现控制电脑的方法
2018/01/22 Python
解决python读取几千万行的大表内存问题
2018/06/26 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
Python实现爬取亚马逊数据并打印出Excel文件操作示例
2019/05/16 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
Django配置MySQL数据库的完整步骤
2019/09/07 Python
英国鞋网:Rubber Sole
2020/03/03 全球购物
渗透攻击的测试步骤
2014/06/07 面试题
大学本科毕业生求职信范文
2013/12/18 职场文书
三八红旗手先进事迹材料
2014/05/13 职场文书
个人求职自荐信范文
2014/06/20 职场文书
2014领导干部学习焦裕禄同志先进事迹思想汇报
2014/09/19 职场文书
民事赔偿协议书
2014/11/02 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
工作年限证明模板
2015/06/15 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
JavaScript实现复选框全选功能
2021/04/11 Javascript
jQuery ajax - getScript() 方法和getJSON方法
2021/05/14 jQuery
什么是SOLID
2022/03/24 Javascript