Hammer.js 的 Vue.js 封装
适用于 Vue.js 的触摸事件插件。此插件尚不支持 Vue 2.0。
这是 Hammer.js 2.0 的指令封装。
此分支仅兼容 Vue 1.0。如需 Vue 2.0 兼容的重写版本,请参阅
next分支
vue-touch 名称获取。 var VueTouch = require('vue-touch')
Vue.use(VueTouch)<script> 标签直接引入。它会自动安装自身,并添加全局的 VueTouch。v-touch 指令<a v-touch:tap="onTap">Tap me!</a>
有两种方式可以自定义识别器选项,例如 direction 和 threshold。第一种是设置全局选项:
// change the threshold for all swipe recognizers
VueTouch.config.swipe = {
threshold: 200
}或者,你可以使用 v-touch-options 指令来配置特定元素上的行为:
<a
v-touch:pan="onPan"
v-touch-options:pan="{ direction: 'horizontal', threshold: 100 }">
</a>// example registering a custom doubletap event.
// the `type` indicates the base recognizer to use from Hammer
// all other options are Hammer recognizer options.
VueTouch.registerCustomEvent('doubletap', {
type: 'tap',
taps: 2
})有关所有可用事件,请参阅 Hammer.js 文档。
请参阅 /example 查看多事件演示。要构建它,请运行 npm install && npm run build。
暂无开放 Issues,或尚未同步最近议题。