本文小編為大家詳細介紹“vue中的@click.native原生點擊事件怎么實現”，內容詳細，步驟清晰，細節處理妥當，希望這篇“vue中的@click.native原生點擊事件怎么實現”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
必須加上native ，不然不會生效（監聽根元素的原生事件，使用 .native 修飾符）
子組件內部處理click事件然后向外發送click事件：$emit("click".fn)
發現vue中加載Element 之后 鍵盤事件無效果搜索之后發現有BUG特來修復
發現Element-input 中加入@keyup.enter中無效果
<el-input placeholder="請輸入查詢城市" v-model="location" clearable @keyup.enter="goSearch" ></el-input>
之后在加入.native 的修飾符
<el-input placeholder="請輸入查詢城市" v-model="location" clearable @keyup.enter.native="goSearch" ></el-input>
你可能想在某個組件的根元素上監聽一個原生事件?？梢允褂?v-on 的修飾符 .native 。
通俗點講：
就是在父組件中給子組件綁定一個原生的事件，就將子組件變成了普通的HTML標簽，不加’. native’事件是無法觸 發的。
可以理解為該修飾符的作用就是把一個vue組件轉化為一個普通的HTML標簽，并且該修飾符對普通HTML標簽是沒有任何作用的。
讀到這里，這篇“vue中的@click.native原生點擊事件怎么實現”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
