ElementUI el-input標簽 綁定keyup事件v-on:keyup.enter="convert"無效解決方案


期望實現,輸入數字后,回車直接執行點擊按鈕“轉換”

無效寫法:

<el-input v-model="input" placeholder="請在此輸入待轉換的數值" v-on:keyup.enter="convert">

解決辦法,加上.native

<el-input v-model="input" placeholder="請在此輸入待轉換的數值" v-on:keyup.enter.native="convert">

原因說明:

v-on 監聽原生事件

現在在組件上使用 v-on 只會監聽自定義事件 (組件用 $emit 觸發的事件)。如果要監聽根元素的原生事件,可以使用 .native 修飾符,比如:
<my-component v-on:click.native="doSomething"></my-component>

文檔跳轉


免責聲明!

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



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