鍍金池/ 問答/HTML/ 如圖，element-ui回車提交綁定無效，如何解決

如圖，element-ui回車提交綁定無效，如何解決

圖片描述
如圖，我給el-form幫一個回車提交執(zhí)行某方法，@keyup.enter.native寫在el-form上。我之前用過element-ui就是寫在el-form上的。我看到網上查的人家也說@keyup.enter.native就可以了。這次寫這里或者寫el-input或者寫在el-button上都不管用。回車一直是刷新頁面，跟普通的表單提交一樣的 。
有沒有人遇到過，改如何解決？

回答
編輯回答
笑浮塵

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 元素中只有一個輸入框時，在該輸入框中按下回車應提交該表單。如果希望阻止這一默認行為，可以在 <el-form> 標簽上添加 @submit.native.prevent。

2018年8月17日 16:57
編輯回答
呆萌傻

應該是出發(fā)了form原生的submit導致的刷新頁面吧。return false就是避免執(zhí)行form原生的submit

2017年2月17日 15:55