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

Question

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

我想避免在每个“点击”回调中或与每个“点击”回调一起编写明确的“日志”语句。

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

Answer 1

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

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

或者像这样

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

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

Answer 2

上一篇文章可能对您有用： 扩展 vueJs 指令 v-on:click

用于单击事件元素的包装器组件。