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

方案1

需求

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

方案

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

问题

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

验证

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

解决方案

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

方案2

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

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

<el-form ref="searchForm" :model="searchForm" label-width="140px" @submit.native.prevent></el-form>

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