阻止vue中的input在按下Enter鍵時進行刷新


Vue中監聽input框在輸入之后按下回車的事件:

可以在input的屬性中添加

@keyup.enter="方法名稱"

問題描述:
當輸入結束時,按enter鍵,頁面刷新,不希望刷新

問題分析:
當form表單中,只有一個輸入框時,按Enter鍵,會導致表單提交,會刷新頁面

解決方案:
網上提供了在form上添加@submit.native.prevent發現容易出現不可預測問題


最終找到:
在input元素上添加阻止默認表單提交事件

onkeypress="if(event.keyCode == 13) return false;"

——————————————————————————

參考文章:https://blog.csdn.net/tjj3027/article/details/82388093 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM