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

方案1

需求

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

方案

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

问题

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

image.png

验证

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

解决方案

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

直接给form 表单添加修饰符@submit.native.prevent

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

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

你可能感兴趣的:(vue中el-input回车事件刷新页面)