起初是想实现按回车键,执行搜索方法,但是按下Enter键后,页面会刷新。
原因是,当 el-form 表单里只有一个 el-input 时,按下回车建会自动触发页面提交功能,因此导致了页面的刷新。
在 el-form 中 加个 @submit.native.prevent,禁止页面刷新
在el-input上加@keyup.enter.native="onSearch",实现按回车键,执行搜索方法
<el-form :model="form" ref="form" @submit.native.prevent>
<el-form-item label="姓名" prop="name" >
<el-input v-model="form.name" @keyup.enter.native="onSearch" />
</el-form-item>
</el-form>