vue中的@click.native 原生點擊事件
更新時間：2022年04月22日 09:21:51 作者：有時間織個毛衣
這篇文章主要介紹了vue中的@click.native 原生點擊事件，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
@click.native原生點擊事件
給vue組件綁定事件時候
必須加上native ，不然不會生效（監(jiān)聽根元素的原生事件，使用 .native 修飾符）
等同于在自組件中
子組件內(nèi)部處理click事件然后向外發(fā)送click事件：$emit("click".fn)
vue點擊事件補充.native
發(fā)現(xiàn)vue中加載Element 之后 鍵盤事件無效果搜索之后發(fā)現(xiàn)有BUG特來修復(fù)
步驟
發(fā)現(xiàn)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>
官網(wǎng)的解釋
?你可能想在某個組件的根元素上監(jiān)聽一個原生事件?？梢允褂?v-on 的修飾符 .native 。
?通俗點講：
就是在父組件中給子組件綁定一個原生的事件，就將子組件變成了普通的HTML標(biāo)簽，不加’. native’事件是無法觸 發(fā)的。
可以理解為該修飾符的作用就是把一個vue組件轉(zhuǎn)化為一個普通的HTML標(biāo)簽，并且該修飾符對普通HTML標(biāo)簽是沒有任何作用的。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在日常的開發(fā)中,加載效果是非常常見的,但是怎么才能方便的使用,本文介紹如何實現(xiàn)vue加載指令 v-loading,感興趣的朋友一起看看吧2024-01-01
這篇文章介紹了VUE中v-if與v-show的區(qū)別，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
這篇文章主要介紹了vue項目部署到非根目錄下的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
mpvue性能優(yōu)化實戰(zhàn)技巧(小結(jié))
這篇文章主要介紹了mpvue性能優(yōu)化實戰(zhàn)技巧(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要給大家介紹了關(guān)于如何解決vue3報錯:找不到模塊或其相應(yīng)的類型聲明的相關(guān)資料,這個錯誤提示是指在代碼中引用了Vue模塊,但是系統(tǒng)找不到該模塊或者缺少相應(yīng)的類型聲明文件,需要的朋友可以參考下2023-07-07
這篇文章主要為大家介紹了Vue布置導(dǎo)航守衛(wèi)獲取用戶信息，有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
眾所都知vue是一個單頁面應(yīng)用,下面這篇文章主要給大家介紹了關(guān)于vue單頁面改造多頁面應(yīng)用的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-05-05
Vue+jquery實現(xiàn)表格指定列的文字收縮的示例代碼
這篇文章主要介紹了Vue+jquery實現(xiàn)表格指定列的文字收縮的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了vue組件詳解之使用slot分發(fā)內(nèi)容及Vue組件中slot的用法,需要的朋友可以參考下2018-04-04
