阻止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
本文作者:oaoa
本文链接:https://www.cnblogs.com/oaoa/p/15136990.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步