关于前端:vue中elinput回车事件刷新页面

11次阅读

共计 411 个字符,预计需要花费 2 分钟才能阅读完成。

计划 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…

正文完
 0