elementUi 鍵盤回車事件導(dǎo)致頁面刷新的問題

在使用elementUi form表單時,一般會這么寫

[html] <el-form>
<el-input v-model="params.taskName" @keyup.enter.native="enterKey" @clear="clearTaskName" clearable></el-input>
</el-form>
[/html]

在 input中加上@keyup.enter.native 就可以使用回車事件
但是會發(fā)現(xiàn)有時候,第一次回車就會刷新頁面,再次回車,才出發(fā)回車事件。
當(dāng)一個 form 元素中只有一個輸入框時,在該輸入框中按下回車應(yīng)提交該表單。如果希望阻止這一默認行為,可以在 標簽上添加 @submit.native.prevent。

調(diào)整后的代碼如下:
[html] <el-form @submit.native.prevent>
<el-input v-model="params.taskName" @keyup.enter.native="enterKey" @clear="clearTaskName" clearable></el-input>
</el-form>
[/html]

出處:https://www.w3cways.com/2286.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容