vue中el-input回车事件刷新页面

2022-04-18

方案1 需求

在页面中的输入框中输入内容过后,需要回车可以支持搜索功能

方案

在input 的标签假如keyup事件 @keyup.enter.native='event'

问题

在页面中路由的后面会追加一个? 同时页面出现刷新效果

vue中el-input回车事件刷新页面

文章图片

验证

验证得知,是因为在form 表单中是有一个input时候,会出现上述的问题

解决方案

可以在这个input 的下面在绑定一个不显示的input 标签隐藏起来,绑定一个没有使用的form的属性

方案2 【vue中el-input回车事件刷新页面】直接给form 表单添加修饰符@submit.native.prevent

@submit 表单提交
native 绑定系统原生事件
prevent 提交以后不刷新页面

原文来源:https://blog.csdn.net/h_12345...

推荐阅读

上一篇：一看就会的集成部署！太简单了（那顺便再撸个存储文件服务吧！|一看就会的集成部署！太简单了？那顺便再撸个存储文件服务吧！ (二)）

下一篇：安装LAMP服务