vue添加手势操作

在开发手机web页面时希望我的网页也可以像App一样可以左右滑动进行操作。如果你也和我的想法一样,你就可以复制我的代码了,一天的工作量又可以划水7小时。


方案一(不推荐了,有坑,表现为:如果页面有滚动条,并且添加了v-hammer:swipe.right,页面无法滚动)

使用基于vue封装的vue2-hammer

  1. 安装包
npm install vue2-hammer
  1. 引用包
import { VueHammer } from 'vue2-hammer'
Vue.use(VueHammer)
  1. 使用
Tap me!

Swipe me!
Swipe me!

方案二

使用原生的hammer

  1. 安装包
npm install --save hammerjs
  1. 引用包
import Hammer from "hammerjs";
  1. 使用

参考资料

  • vue2-hammer
  • hammer

你可能感兴趣的:(vue添加手势操作)