給 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 首先我們來實現一按回車就自動提交表單的功能 這個其實比較容易,只要表單中含有乙個 提交 的按鈕,在文字框中輸入內容後按回車就會自動提交...