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

Question

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

我想避免写一个明确的‘日志’语句，或与每一个‘上点击’回调。

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

Answer 1

据我所知，不可能为所有的v-on:点击在同一时间。由于事件处理程序连接到特定的元素，因此需要对每个元素分别执行。相反，您可以为单击这样的事件添加一个事件侦听器：

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

或者像这样

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

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

Answer 2

上一篇文章可以为您工作： Extend vueJs directive v-on:click

您可以单击事件元素的包装组件。