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>