当前位置: 首页 > 编程笔记 >

vue 路由页面之间实现用手指进行滑动的方法

东郭俊楠
2023-03-14
本文向大家介绍vue 路由页面之间实现用手指进行滑动的方法,包括了vue 路由页面之间实现用手指进行滑动的方法的使用技巧和注意事项,需要的朋友参考一下

问题描述: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 路由页面之间实现用手指进行滑动的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍vue动态路由实现多级嵌套面包屑的思路与方法,包括了vue动态路由实现多级嵌套面包屑的思路与方法的使用技巧和注意事项,需要的朋友参考一下 前言 最近在工作中遇到了一个问题,是关于vue动态路由多级嵌套面包屑怎么弄(不是动态路由嵌套可以尝试用 this.$route.matched方法获取到path和name集合,动态的嵌套获取不到全部具体的id) 功能比如:A列表页面路由如/a,点击

  • 本文向大家介绍Android滑动动态分页实现方法,包括了Android滑动动态分页实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android滑动动态分页实现方法。分享给大家供大家参考,具体如下: 实现 Android.widget.AbsListView.OnScrollListener 主要代码: 更多关于Android相关内容感兴趣的读者可查看本站专题:《Android图形

  • 本文向大家介绍vue使用vuex实现首页导航切换不同路由的方法,包括了vue使用vuex实现首页导航切换不同路由的方法的使用技巧和注意事项,需要的朋友参考一下 vue实现首页导航切换不同路由的方式(二)【使用vuex实现的】,具体代码如下所示: css: js:  main.js代码: 效果图: 现在在这个页面里点击了解更多的时候跳转到新闻资讯页面,然后然后state里的值,然后改变当前的url以

  • 本文向大家介绍使用jQueryMobile实现滑动翻页效果的方法,包括了使用jQueryMobile实现滑动翻页效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了使用jQueryMobile实现滑动翻页效果的方法。分享给大家供大家参考。具体分析如下: 滑动手势在移动设备是很流行的,在移动设备中滑动翻页中很常见 虽然这个功能可以在jQueryMobile中实现,但是个人与之前一篇【j

  • 本文向大家介绍javascript Slip.js实现整屏滑动的手机网页,包括了javascript Slip.js实现整屏滑动的手机网页的使用技巧和注意事项,需要的朋友参考一下 有了Slip.js,你只管写HTML,CSS,如果逻辑简单,一行JS代码就可以搞定,大大提升了开发的效率。不吹牛,上面的demo,不到半小时我就写好了。 具体怎么做呢?比如有个需求是: 我们有4个页面,每个页面有一张图片

  • 本文向大家介绍vue+element使用动态加载路由方式实现三级菜单页面显示的操作,包括了vue+element使用动态加载路由方式实现三级菜单页面显示的操作的使用技巧和注意事项,需要的朋友参考一下 需要用到中间件的方式,这样就可以实现了我们想要的方式 publish-center.vue 路由部分: 补充知识:Vue使用addRouter()动态生成三级菜单的问题 标题记录一次vue使用addR