Vue.js 如何覆盖v-on：在vue中单击以进行日志记录

希望实现一些日志记录，以便为使用Vue编写的web应用程序生成一些使用统计信息

我希望避免在每次“单击”回调中或与每次回调一起编写显式的“log”语句

---

是否可以包装/覆盖v-on:click指令以首先执行日志记录，然后执行回调？

据我所知，不可能同时对所有v-on:click执行此操作。由于事件处理程序连接到特定的元素，因此需要分别为每个元素执行此操作。 相反，您可以为单击事件添加eventlistener，如下所示：

window.addEventListener('click', e => console.log(e))

还是像这样

document.onclick = e => console.log(e)

---

请注意，这将记录每次单击，即使它不在带有v-on的元素上。这里的事件为您提供了被单击的源元素，您可以使用它来定义单击是否与您的日志记录相关。

据我所知，不可能同时对所有v-on:clicks执行此操作。由于事件处理程序连接到特定的元素，因此需要分别为每个元素执行此操作。 相反，您可以为单击事件添加eventlistener，如下所示：

window.addEventListener('click', e => console.log(e))

还是像这样

document.onclick = e => console.log(e)

---

请注意，这将记录每次单击，即使它不在带有v-on的元素上。此处的事件为您提供了单击的源元素，您可以使用该元素定义单击是否与您的日志记录相关。

上一篇文章可能适用于您：

---

为您单击事件元素的包装器组件。

上一篇文章可能适合您：

---

一个包装器组件供您单击事件元素。

不知道Vue.js中有什么方法可以实现这一点。也许这会有所帮助——警告：小心使用这种方法。猴子补丁可能会带来比它解决的问题更多的问题。不知道Vue.js中有什么方法可以实现这一点。也许这会有所帮助——警告：小心使用这种方法。猴子补丁可能会带来比它解决的问题更多的问题。