
Vue 实现移动端左右滑动切换
发布日期:2021-05-10 19:35:05
浏览次数:10
分类:精选文章
本文共 411 字,大约阅读时间需要 1 分钟。
Vue 实现移动端左右滑动切换
实现这个功能需要用到,这个是面向vue2.0的touch指令,是基于touchjs(移动端手势库)。
- 安装以及引入vue-touch
npm install vue-touch@next --save//在vue项目中的main.js文件中引入:import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'})
2.使用vue-touch
直接贴上实例代码:
method:{ onSwipeLeft: function () {//左滑动 //写入向左滑触发事件 //例如跳转页面 }, onSwipeRight: function () {//右滑动 }, },}
发表评论
最新留言
初次前来,多多关照!
[***.217.46.12]2025年04月30日 00时00分33秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
《STM32从零开始学习历程》——CAN相关结构体
2021-05-10
Tomcat中jdk版本与项目版本不一致造成404错误以及Eclipse修改jdk版本
2021-05-10
配置SpringMVC中的视图解析器
2021-05-10
杭电OJ-2034(C)
2021-05-10
this.$router.push不起作用(this指向错误)
2021-05-10
IDEA上传Jar
2021-05-10
SpringBoot工程临时加一个分页的yml文件没有生效
2021-05-10
flume使用中的一些常见错误解决办法 (地址已经使用)
2021-05-10
OpenCV camshift目标追踪
2021-05-10
Redis缓存穿透和缓存雪崩
2021-05-10
day04_CSS选择器
2021-05-10
python基础语法
2021-05-10
const修饰指针(常量指针与指针常量的区别)
2021-05-10
设计模式-创建型02-工厂模式-工厂方法模式01
2021-05-10
微信小程序sort时间排序
2021-05-10
<s>
2021-05-10
常见错误
2021-05-10
Oracle
2021-05-10
序列化与反序列化
2021-05-10
如何使用linux系统自带的led驱动
2021-05-10