element-ui

解决办法

el-form标签添加 @submit.native.prevent

栗子

<el-form @submit.native.prevent>
  <el-input placeholder="请输入标题/工单号" v-model="search" size="medium" @keyup.enter.native="onSubmit"></el-input>
</el-form>ou

form

解决办法

这样出现的问题是，按下回车后会刷新页面，原因是按回车后默认提交了表单，一个表单下，如果只有一个文本框时，按下回车将会触发表单的提交事件。

栗子

加一个隐藏的文本框
<form action="#">
  <input type="search" placeholder="搜索商品" class="search_input" v-model="keyword" @keyup.enter="doSearch">
  <input type="text" style="display:none" />
</form>

小问题汇总
1、vue+element Form键盘回车事件页面刷新解决
vue 回车事件刷新页面
element-ui 解决办法 el-form标签添加 @submit.native.prevent 栗子 for...
vue+elementUI 回车导致页面刷新
最近在项目开发中，发现el-input输入框绑定@keyup.enter回车事件之后，回车会导致刷新页面解决方法...
中文输入法之input框回车后在不同浏览器间的差异（vue）
需求，表单内只存在一个input框时，回车后需要触发表单提交事件问题一：回车后页面刷新解决方案：在form表...
keepAlive使用方法
vue单页面，多路由，前进刷新，后退不刷新目的：vue-cli构建的vue单页面应用，某些特定的页面，实现前进刷...
input回车事件未实现但页面刷新
原因： input文本框外有form标签，当form下只有一个input文本框时回车自动提交表单解决办法： 1、...
vue表单输入框回车刷新页面
el-input添加回车事件@keyup.enter.native，会刷新页面。无法传递参数，并获取数据。需要在e...
vue+element 键盘回车事件导致页面刷新的问题
问题：部分输入框输入内容后回车就会刷新页面方法一：el-from 加上 @submit.native.preven...
vue enter 刷新页面
el-form表单里，给el-input标签添加enter事件，回车时刷新页面解决方案：在el-form标签里添...
解决vue+elementUI回车页面刷新问题
当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在标签...