Vue3触摸屏滑动事件（touch, swipe）使用注意事项

安装npm包：npm i vue3-touch-events

然后在main.js里：

import Vue3TouchEvents from "vue3-touch-events"

const app = createApp(App);
app.use(Vue3TouchEvents);

使用方法如下，有些特殊的情况下需要加一个disable_touch的开关来阻止swipe和press事件的发生。

let disable_touch=false;
async function ClickImg(){
  disable_touch=true; 
  await nextTick(); 
  disable_touch=false;
}
function SwipeImg(type)
{ 
  if(disable_touch) return;
  console.log('swipe', type); 
}
function PressImg(){ console.log('press image'); }

<img v-touch:press="PressImg" v-touch:swipe.left="SwipeImg('left')"  v-touch:swipe.right="SwipeImg('right')"  :src="img_src" :alt="img.alt" :title="img.alt" :class="img_class" @click="ClickImg"/>