form表单中若只有一个input框,回车后会导致表单自动提交并刷新页面,对于搜索框来说影响用户体验,可以通过如下方法解决:
只需要在中添加@submit.native.prevent即可
有些解决办法中让添加@submit.prevent
<el-form :model="searchForm" ref="searchFormRef" size="small" :inline="true" @submit.native.prevent
label-width="80px" style="font-size: 16px;">
<el-form-item label="课程名称" prop="subjectName">
<el-input v-model="searchForm.subjectName" placeholder="请输入课程名称" clearable />
</el-form-item>
<el-form-item style="margin-left: 405px;">
<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>