前端學習筆記系列一:4 vue中@click.native


.native - listen for a native event on the root element of component.

作用:[給組件綁定原生事件]

例子:如果使用router-link標簽,加上@click事件,綁定的事件會無效因為:router-link的作用是單純的路由跳轉,會阻止click事件,你可以試試只用click不用native,事件是不會觸發的。此時加上.native,才會觸發事件。

題外話:

@ 這個東西實際上是 v-on 的簡寫,而 v-on 則是對 Vue 的事件體系封裝后的 API 接口。Vue 的官方文檔中指出了,Vue 使用的是一套自己的事件傳遞機制,如 @click 等事件是經過 Vue 封裝的。因此,在一些實際上處理 DOM 原生事件的場合才需要添加額外的標識符。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM