按enter键本来是调用搜索接口,但却是刷新了整个页面
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="110px">
<el-form-item label="场景名称:" prop="actionName">
<el-input
v-model="queryParams.actionName"
placeholder="请输入名称"
clearable
size="small"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button type="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>