为什么VueJs会引入.native事件修饰符？这有什么用例？ - Vue.js

Question

我没有获得native事件修饰符的任何文档。我见过这样的地方：

<router-link @click.native="pressThis()"> Press here </router-link>

native点击router-link上event修饰符的用途是什么？ 以及其他用例native修饰符可以有哪些？

Answer 1

您可以在自定义组件中覆盖Vue事件。例如，您可能有一个列表组件，一旦您单击您调用的项this.$emit('click', selectedItemData)，就会将click事件发送到正在观察它的父组件。

但是，有时您确实希望绑定到本机HTML / DOM事件侦听器element.addEventListener('click', callThisMethod)，并使用.native。另外，请注意，一旦组件像非本机事件一样被销毁，它将处理清理事件监听器。

总之：当您需要＆＃39; raw＆＃39;时，请使用.native。来自DOM的事件。