VUE+Element Form鍵盤迴車事件頁面重新整理血案

VUE+Element Form鍵盤迴車事件頁面重新整理血案

使用Element UI進行vue專案開發以來,都挺爽的。結果今天突然發下,回車就觸發了頁面重新整理(表單提交效果)。一直都沒有這個問題,咋突然就有了,腦袋疼!

沒文化真可怕

廢了九牛二虎之力,終於發現,原來是自己

沒有認真看文件

的原因:

W3C 標準中有如下規定:

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 元素中只有一個輸入框時,在該輸入框中按下回車應提交該表單。如果希望阻止這一預設行為,可以在 標籤上新增 @submit。native。prevent。

自己看文件:https://element。eleme。cn/#/zh-CN/component/form

解決方案

標籤上新增 @submit。native。prevent

多整幾個元素(2個及以上輸入框)就搞定了。

作者:xiaoyin199

本文原創釋出於攸米教育 ,轉載請註明出處,謝謝合作