click.native 用于在 Vue 中監(jiān)聽原生 DOM 事件,即原生 JavaScript 事件。在 Vue 中,我們通常使用 v-on 指令來監(jiān)聽 DOM 事件,比如 click 事件:
<button v-on:click="doSomething">Click me</button>
但是,有時候我們需要監(jiān)聽一些原生事件,比如 contextmenu、mouseout、resize 等等。這時候,我們可以使用 click.native 指令:
<div v-on:click.native="doSomething">Click me</div>
這樣,我們就可以監(jiān)聽 div 元素的 click 事件了。需要注意的是,在使用 click.native 指令時,監(jiān)聽的是原生事件,而不是 Vue 組件的事件。也就是說,如果使用 click.native 來監(jiān)聽組件的 click 事件,是無效的:
<my-component v-on:click.native="doSomething"></my-component>
此時,click.native 指向的是 my-component 元素的 click 事件,而不是 my-component 組件的 click 事件。
總之,如果需要在 Vue 中監(jiān)聽原生 JavaScript 事件,就可以使用 click.native 指令。需要注意的是,click.native 只適用于普通的 DOM 元素,不適用于 Vue 組件。
下一篇css中的盒模型