最近在項目開發(fā)中靴姿,發(fā)現el-input
輸入框綁定@keyup.enter
回車事件之后吨铸,回車會導致刷新頁面
解決方法:
<el-form :inline="true" @submit.native.prevent></el-form>
參考element-ui文檔:
image.png
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
逮走。