给el-form
表单添加回车搜索事件,只需要在 el-form
上添加即可应用到所有的input
框
注意:给 @keyup.enter 事件添加 native修饰符,阻止默认行为
<el-form :model="queryParams" @keyup.enter.native="onQuery()">
@keyup.enter.native事件不生效问题
当一个 form
元素中只有一个输入框时,按下回车则会刷新页面,此时需要在 el-form
上添加 @submit.native.prevent
来阻止默认行为
<el-form :model="queryParam" @submit.native.prevent @keyup.enter.native="onQuery()">
<el-form-item label="题库名称">
<el-input v-model="queryParam.question" placeholder="请输入题库名称" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onQuery()">查询</el-button>
</el-form-item>
</el-form>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。