【掰开揉碎】深入了解 @tap 和 @click

当我们深入了解 @tap 和 @click，我们实际上涉及到 uni-app 中的事件绑定，以及这两个指令在底层的实现。

事件绑定与触发

事件绑定

在 uni-app 中，通过使用 @ 或 v-on 指令，我们可以绑定事件。@tap 和 @click 都是用于绑定点击事件的指令。

<!-- 使用 @tap 绑定点击事件 -->
<button @tap="handleTap">点击我</button>

<!-- 使用 @click 绑定点击事件 -->
<button @click="handleClick">点击我</button>

export default {
  methods: {
    handleTap() {
      console.log('handleTap 被触发');
    },
    handleClick() {
      console.log('handleClick 被触发');
    },
  },
};

事件触发

当用户点击按钮时，绑定的事件处理函数（如 handleTap 或 handleClick）将会被触发。

@tap 与 @click 的区别

在 uni-app 中，@tap 和 @click 实