解決vue+element 鍵盤回車事件導致頁面刷新的問題
更新時間：2018年08月25日 11:02:43 作者：留給時間
今天小編就為大家分享一篇解決vue+element 鍵盤回車事件導致頁面刷新的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
背景
今天發(fā)現(xiàn)輸入框輸入內(nèi)容后回車就會刷新頁面
解決
<el-form :inline="true" @submit.native.prevent> </el-form>
el-from 加上 @submit.native.prevent
具體是參考element-ui文檔解決的
W3C 標準中有如下規(guī)定：
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
即：當一個 form 元素中只有一個輸入框時，在該輸入框中按下回車應提交該表單。如果希望阻止這一默認行為，可以在 標簽上添加 @submit.native.prevent。
以上這篇解決vue+element 鍵盤回車事件導致頁面刷新的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue debug 二種方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
Element實現(xiàn)復雜table表格結(jié)構(gòu)的項目實踐
本文主要介紹了Element實現(xiàn)復雜table表格結(jié)構(gòu)的項目實踐，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-03-03
Vue 使用v-model實現(xiàn)控制子組件顯隱效果
v-model 可以實現(xiàn)雙向綁定的效果,允許父組件控制子組件的顯示/隱藏,同時允許子組件自己控制自身的顯示/隱藏,本文給大介紹Vue 使用v-model實現(xiàn)控制子組件顯隱,感興趣的朋友一起看看吧2023-11-11
vue+axios+mock.js環(huán)境搭建的方法步驟
本篇文章主要介紹了vue+axios+mock.js環(huán)境搭建的方法步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了詳解Vue路由開啟keep-alive時的注意點，非常具有實用價值，有興趣的朋友可以了解一下2017-06-06
Vue中import與@import的區(qū)別及使用場景說明
這篇文章主要介紹了Vue中import與@import的區(qū)別及使用場景說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
vue中的addEventListener和removeEventListener用法說明
這篇文章主要介紹了vue中的addEventListener和removeEventListener用法說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了Vue?+?Element?自定義上傳封面組件，本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-01-01
可能很多小伙伴之前都了解過?Vue2實現(xiàn)響應式的核心是利用了ES5的Object.defineProperty?但是面對面試官時如果只知道一些模糊的概念。只有深入底層了解響應式的原理，才能在關鍵時刻對答如流,本文就來和大家詳細聊聊，感興趣的可以收藏一下2022-12-12
vuex根據(jù)不同的用戶權(quán)限展示不同的路由列表功能
最近接到一個新的需求，要求將系統(tǒng)的用戶進行分類，用戶登陸后根據(jù)不同的用戶權(quán)限展示不同的功能列表。這篇文章主要介紹了vuex根據(jù)不同的用戶權(quán)限展示不同的路由列表,需要的朋友可以參考下2019-09-09