element ui 實現回車提交表單且頁面不重新整理

2021-09-25 02:16:58 字數 488 閱讀 9494

給 el-form 加上 @submit.native.prevent 用於阻止提交表單時頁面重新整理的預設行為

給 提交的按鈕 加上 native-type=「submit」,表示這個按鈕的原生type屬性為submit,用於實現回車提交表單

@submit.native.prevent

>

label

="名字"

>

v-model

="form.name"

>

el-input

>

el-form-item

>

>

type

="primary"

native-type

="submit"

>

搜尋el-button

>

el-form-item

>

>

js 回車提交表單的實現

呢?我的方法有點彆扭,就是再寫乙個無意義的文字框,隱藏起來。根據第3條規則,我們在用button的時候,盡量顯式宣告type以使瀏覽器表現一致。通過以上可知只要把type submit 改成type button 然後js提交,在不要有乙個type text 的input就行了。就不會發生回車跳轉。...

防止回車提交

html利用input防止回車提交 預設情況下,單個輸入框,無論按鈕的type submit 還是type button 型別,回車即提交。1.當type submit 時,無論有幾個type text 輸入框,回車均表示提交。submit 2.當type button 時,且存在多個輸入框,回車不...

按回車提交表單

問題域 在製作網頁時,有時候需要在文字框中輸入內容時按下回車就自動提交表單,而有的時候又不希望一按下回車就自動提交表單,遇到這樣的問題我們如何去處理呢?解決方案 1 首先我們來實現一按回車就自動提交表單的功能 這個其實比較容易,只要表單中含有乙個 提交 的按鈕,在文字框中輸入內容後按回車就會自動提交...