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