如何解決vue+element鍵盤回車事件導致頁面刷新的問題

這篇文章將為大家詳細講解有關如何解決vue+element鍵盤回車事件導致頁面刷新的問題，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

員工經過長期磨合與沉淀，具備了協(xié)作精神，得以通過團隊的力量開發(fā)出優(yōu)質的產品。創(chuàng)新互聯公司堅持“專注、創(chuàng)新、易用”的產品理念，因為“專注所以專業(yè)、創(chuàng)新互聯網站所以易用所以簡單”。公司專注于為企業(yè)提供成都做網站、網站設計、微信公眾號開發(fā)、電商網站開發(fā)，微信小程序，軟件按需制作等一站式互聯網企業(yè)服務。

背景

今天發(fā)現輸入框輸入內容后回車就會刷新頁面

解決

 <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鍵盤回車事件導致頁面刷新的問題”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

網站名稱：如何解決vue+element鍵盤回車事件導致頁面刷新的問題
分享路徑：http://bm7419.com/article18/gihggp.html

成都網站建設公司_創(chuàng)新互聯，為您提供品牌網站制作、云服務器、網站設計、網站改版、外貿建站、網站策劃

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯