在 Vue.js 的开发中，`@tap` 并不是原生支持的事件类型，但开发者常常需要一个类似于移动端点击的事件处理方式。这时，可以通过自定义指令或监听原生 `touchstart` 和 `click` 事件来实现。✨

首先，我们需要检测用户的行为是触屏还是普通点击：📱

```javascript

Vue.directive('tap', {

bind(el, binding) {

let isTap = false;

el.addEventListener('touchstart', () => (isTap = true));

el.addEventListener('touchend', () => {

if (isTap) {

binding.value();

isTap = false;

}

});

el.addEventListener('click', (e) => {

e.preventDefault(); // 阻止双击问题

isTap = false;

});

},

});

```

这样，当用户触发 `@tap` 时，可以执行绑定的方法，同时避免了移动端的双击放大问题。🎯

使用也很简单：

```html

```

通过这种方式，我们不仅实现了 `@tap` 的功能，还让代码更加优雅和高效！👏

标 签：