vue-touch事件没生效

如果 Vue 的 touch 事件没有生效，可能是以下几个原因：

1.没有安装 vue-touch 插件。

2.没有正确引入 vue-touch 插件。

3.没有在组件中注册 touch 事件。

4.touch 事件被其它事件覆盖，例如 mouse 事件，导致 touch 事件失效。

解决方法：

1.安装 vue-touch 插件：

npm install vue-touch --save

2.在 main.js 中引入 vue-touch 插件：

import VueTouch from 'vue-touch';
Vue.use(VueTouch);

3.在组件中注册 touch 事件：

<template>
  <div v-touch:tap="onTap">Tap me!</div>
</template>

<script>
export default {
  methods: {
    onTap() {
      console.log('Tap!');
    },
  },
};
</script>

4.如果 touch 事件被其它事件覆盖，可以使用 CSS 属性 pointer-events 来禁用其它事件：

<div v-touch:tap="onTap" style="pointer-events: none;">Tap me!</div>