本人在做一個搜索框響應(yīng)回車的功能時吨凑,發(fā)現(xiàn)敲回車會導(dǎo)致界面刷新珊蟀。
問題原因:
當(dāng)使用Form表單時吕晌,回車默認自動提交表單,從而導(dǎo)致了界面的刷新
在表單 form 后面加上一個 onsubmit 事件昧旨,返回 false,來阻止 form 提交即可
<el-form onsubmit="return false;">
題外話:
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.
即:當(dāng)一個 form 元素中只有一個輸入框時成玫,在該輸入框中按下回車應(yīng)提交該表單绿渣。如果希望阻止這一默認行為,可以在?標簽上添加?@submit.native.prevent