Этот плugin устарел и больше не поддерживается.

vue-touch

Плагин событий прикосновения для Vue.js. Этот плагин еще не поддерживает Vue 2.0.

Это обертка директив для Hammer.js 2.0.

Установка

Эта ветка совместима только с Vue 1.0. Для версии, совместимой с Vue 2.0, см. ветку next

CommonJS

• Доступен через npm как vue-touch.

  var VueTouch = require('vue-touch');
  Vue.use(VueTouch);

Прямое включение

• Вы также можете прямым образом включить его с помощью тега <script>, когда Vue и Hammer.js уже включены глобально. Он автоматически установится и добавит глобальный объект VueTouch.

Использование

Использование директивы v-touch

<a v-touch:tap="onTap">Нажмите меня!</a>

<div v-touch:swipeleft="onSwipeLeft">Проведите пальцем!</div>

Настройка опций распознавателя

Существует два способа настроить опции распознавателя, такие как direction и threshold. Первый — это установка глобальных опций:

// Изменение порога для всех распознавателей свайпов
VueTouch.config.swipe = {
  threshold: 200
};

Или вы можете использовать директиву v-touch-options, чтобы настроить поведение для конкретного элемента:

<!-- Обнаруживать только горизонтальные перемещения с порогом 100 -->
<a
  v-touch:pan="onPan"
  v-touch-options:pan="{ direction: 'horizontal', threshold: 100 }">
</a>

Регистрация пользовательских событий```js

// Пример регистрации пользовательского события двойного нажатия. // Тип указывает базовый распознаватель, используемый из Hammer. // Все остальные опции являются опциями распознавателя Hammer. VueTouch.registerCustomEvent('doubletap', { type: 'tap', taps: 2 })

```html
<a v-touch:doubletap="onDoubleTap"></a>
```Для просмотра доступных событий см. [документацию Hammer.js](http://hammerjs.github.io/getting-started/).

Пример использования нескольких событий находится в директории `/example`. Чтобы построить его, выполните команды `npm install && npm run build`.

## Лицензия

[MIT](http://opensource.org/licenses/MIT)