如何在 Vue.js 中为 2 个事件调用一次相同的方法？答案

【问题标题】：How to call the same method once for 2 events in Vue.js?如何在 Vue.js 中为 2 个事件调用一次相同的方法？
【发布时间】：2021-02-21 06:28:48
【问题描述】：

我正在尝试创建一个既可以使用鼠标也可以使用触摸屏的应用。 click 事件效果不佳，因为当我开始拖动一点点时，它并没有触发 click 事件。

所以我为touchstart 创建了另一个事件，但现在触摸屏上的问题是addPin 方法在点击时被调用了两次。

<div @touchstart="addPin('1')" @click="addPin('1')">
  1
</div>

我不希望为此安装任何库。

【问题讨论】：

【解决方案1】：

每当您点击屏幕时，都会执行一个点击事件。您使用不同的事件两次调用了相同的方法。您应该做的是使用已回答here

的javascript确定输入是触摸事件还是点击事件

【讨论】：