Vue 实现移动端左右滑动切换
发布日期:2021-05-10 19:35:05 浏览次数:10 分类:精选文章

本文共 411 字,大约阅读时间需要 1 分钟。

Vue 实现移动端左右滑动切换

         实现这个功能需要用到,这个是面向vue2.0的touch指令,是基于touchjs(移动端手势库)。

  1. 安装以及引入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 () {//右滑动 }, },}

 

上一篇:vue better-scroll横向滚动
下一篇:Vue.js中获取json文件中指定数量的Json对象

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2025年04月30日 00时00分33秒