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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

向梦想出发11   2021-03-28 我要评论
想了解vue 路由页面之间实现用手指进行滑动的方法的相关内容吗,向梦想出发11在本文为您仔细讲解vue 路由页面之间实现用手指进行滑动的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点: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 路由页面之间实现用手指进行滑动的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们