@any-touch/vue3 v2.2.0

@any-touch/vue3

any-touch 的 vue3 指令版本

安装

npm i -S @any-touch/vue3

快速开始

// main.js

import VTouch from '@any-touch/vue3';
const app = createApp();
// ...
app.use(VTouch);

// xxx.vue
<u-component v-touch @tap="onTap" @swipe="onSwipe" @press="onPress" @pan="onPan" @pinch="onPinch" @rotate="onRotate">
    <!-- 子元素也能监听事件 -->
    <div @tap="onTap" @swipe="onSwipe" @press="onPress" @pan="onPan" @pinch="onPinch" @rotate="onRotate">子元素</div>
</u-component>

注意: 一旦标记了v-touch, 那么当前元素及其子元素都可以监听到手势事件.

指令的值

v-touch的值是一个对象, 实际他就是any-touch的参数.

<div v-touch="{preventDefault:false}"></div>

any-touch参数说明