按enter键本来是调用搜索接口,但却是刷新了整个页面
<el-form:model="queryParams"ref="queryForm"size="small":inline="true"v-show="showSearch"label-width="68px"@submit.native.prevent><el-form-item label="员工名称" prop="userName"><el-inputv-model="queryParams.userName"placeholder="请输入员工名称"clearable@keyup.enter.native="handleQuery"/></el-form-item><el-form-item><el-buttontype="primary"icon="el-icon-search"size="mini"@click="handleQuery">搜索</el-button><el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button></el-form-item></el-form>
原因:form 表单中只有一个输入框,在输入框中按下回车就是提交该表单,且会刷新页面。阻止这一默认行为,可以 在 form 标签上添加
@submit.native.prevent就可以解决刷新整个页面的问题。
<el-form :model="queryParams" label-width="110px" @submit.native.prevent>