一、ElementUI el-input框添加回车事件 @keyup.enter.native=""
二、ElementUI 点enter回车
搜索 ,发现地址栏后面多了个?
不触发搜索方法,而直接刷新页面了!
这是由于 W3C 标准中有如下规定:
When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.
即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为
,可以在 标签上添加@submit.native.prevent
<el-form ref="form" :model="pageQuery" @submit.native.prevent>
<el-form-item>
<el-input
placeholder="请输入专业术语"
v-model.trim="pageQuery.title"
clearable
@keyup.enter.native="searchList"
></el-input>
</el-form-item>
</el-form>