原文:vue el-input使用回車鍵會刷新頁面

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

2021-08-16 11:13 0 213 推薦指數:

查看詳情

ElementUI的el-input回車刷新頁面

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

Sat Jan 04 01:22:00 CST 2020 2 1946
Vue -- element-ui el-input組件 回車刷新頁面問題

form內只有一個輸入框時,按回車刷新頁面 && 如果input回車事件回車也會刷新頁面 阻止form的默認事件,即在form上加上這句話:@submit.native.prevent Element UI ...

Fri Oct 23 22:29:00 CST 2020 0 600
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM