vue中的@click.native 原生點擊事件
更新時間：2022年04月22日 09:21:51 作者：有時間織個毛衣
這篇文章主要介紹了vue中的@click.native 原生點擊事件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
@click.native原生點擊事件
給vue組件綁定事件時候
必須加上native ，不然不會生效（監(jiān)聽根元素的原生事件，使用 .native 修飾符）
等同于在自組件中
子組件內部處理click事件然后向外發(fā)送click事件：$emit("click".fn)
vue點擊事件補充.native
發(fā)現vue中加載Element 之后 鍵盤事件無效果搜索之后發(fā)現有BUG特來修復
步驟
發(fā)現Element-input 中加入@keyup.enter中無效果
<el-input style="width:500px;" placeholder="請輸入查詢城市" v-model="location" clearable @keyup.enter="goSearch" ></el-input>
之后在加入.native 的修飾符
<el-input style="width:500px;" placeholder="請輸入查詢城市" v-model="location" clearable @keyup.enter.native="goSearch" ></el-input>
官網的解釋
?你可能想在某個組件的根元素上監(jiān)聽一個原生事件。可以使用 v-on 的修飾符 .native 。
?通俗點講：
就是在父組件中給子組件綁定一個原生的事件，就將子組件變成了普通的HTML標簽，不加’. native’事件是無法觸 發(fā)的。
可以理解為該修飾符的作用就是把一個vue組件轉化為一個普通的HTML標簽，并且該修飾符對普通HTML標簽是沒有任何作用的。
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue路徑上如何設置指定的前綴，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
vue中swiper?vue-awesome-swiper的使用方法及各種坑解決
這篇文章主要介紹了vue中swiper?vue-awesome-swiper的使用方法及各種坑解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
vue修改proxyTable解決跨域請求,報404的問題及解決
這篇文章主要介紹了vue修改proxyTable解決跨域請求,報404的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了vue2升級vue3遇到的問題bug解決分析整理,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
最近翻閱了一下vue。發(fā)覺有一個單文件組件之前基本忽視掉了。所以本文就詳細的介紹了vue單文件組件的實現，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
vue3+elementPlus?table中添加輸入框并提交校驗
這篇文章主要介紹了vue3+elementPlus?table里添加輸入框并提交校驗,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細介紹了vue?iview封裝模態(tài)框的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了vue實現把接口單獨存放在一個文件方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue中axios請求的封裝，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
本篇文章主要介紹了Vue的百度地圖插件嘗試使用，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09