uniapp @tap多次触发

UniApp 中 @tap 事件被多次触发可能是由于事件冒泡或者事件捕获导致的。你可以通过在事件处理函数中使用 event.stopPropagation() 来阻止事件冒泡或者使用 event.preventDefault() 来阻止事件默认行为。另外，你也可以通过 debounce 或者 throttle 等技术来控制事件触发的频率，以避免重复触发事件。

相关问题

uniapp@tap

@tap是uniapp中的一个事件修饰符，用于阻止事件的继续传播。通常情况下，你需要在触发@tap事件的标签上添加@tap.stop修饰符，以阻止事件继续传播到父级标签。同时，你也需要在父级标签上添加相同的修饰符，以确保事件不会再次传播。

关于uniapp的@tap事件和@click事件的区别，它们在触发时机和延迟方面存在一些差异。@click是在组件被点击时触发，但会有约300ms的延迟。而@tap是在手指触摸离开时触发，没有300ms的延迟，但可能会存在事件穿透的问题。

在HbuilderX中，@click事件和@tap事件在功能上是相似的，都是用于处理点击事件。但在编译到小程序端时，@click会被转换成@tap，因此在小程序中使用时，实际上是触发的@tap事件。

uniapp中@tap

@tap 是 uniapp 中的一个事件修饰符，用于监听点击事件。当使用 @tap 修饰一个元素时，当用户在移动端点击该元素或在 PC 端使用鼠标点击该元素时，将会触发相应的事件。

@tap 修饰符相比于 @click 修饰符，有以下几个特点：
1. 在移动端，@tap 可以通过针对 touchstart 和 touchend 事件的监听来实现，从而避免了移动端点击延迟的问题。
2. 在 PC 端，@tap 和 @click 实际上是等价的，都是监听鼠标的点击事件。

示例代码如下：

<template>
  <div @tap="handleTap">点击我</div>
</template>

<script>
export default {
  methods: {
    handleTap() {
      console.log('被点击了');
    }
  }
}
</script>