在el-form添加@submit.native.prevent ...

這是form表單的一個坑，就是當form表單中只有一個input輸入框的時候，鍵盤回車事件就會刷新頁面，因為form表單把這個事件當成了是提交表單的操作，所以解決方法是再寫一個type為hidden的input標簽。 另外，如果是element-ui中出現了這個問題 ...

解決方法： 在el-form上添加@submit.native.prevent ...

問題：vue項目中 在輸入框輸入字符並按下回車鍵搜索時，不會進行搜索， 而是會刷新頁面。 后來發現 只有頁面中只有一個input時 才會出現此問題，經查閱得知，是因為當form表單中只有一個input時，按下回車建會自動觸發頁面的提交功能， 所以會產生刷新頁面的行為 解決方法 ...

使用ElementUI開發過程中，發現使用了搜索文本框的話，當編輯的光標在搜索框中點擊回車鍵會引發頁面刷新的問題，可以通過在el-form標簽添加@submit.native.prevent屬性解決。 開發的時候使用搜索框要注意添加上這個屬性就可以了，這個解決方案和原始HTML ...

文檔說明：autocomplete 原生屬性，自動補全，string on/off，默認off 但是在項目中填寫on后不能實現記憶功能，決絕辦法：在e-input組件添加屬性name。 ...

解決方法： 在el-form上添加@submit.native.prevent ...

解決辦法是給menu的default-active綁定route.path形如：<el-menu :default-active="$route.path" ...>每次渲染menu都會讀當前path 設置為default-active ...