当查询条件只有一个的时候,点击回车会出现刷新浏览器的情况。
例子:
<el-form>
<el-form-item label="名称" prop="name">
<el-input
v-model="name"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-form>
解决办法:在el-form 里添加@submit.native.prevent属性来阻止el-input中回车刷新页面
@submit.native.prevent .native 表示对一个组件绑定系统原生事件 .prevent 表示提交以后不刷新页面
<el-form @submit.native.prevent>
<el-form-item label="名称" prop="name">
<el-input
v-model="name"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
</el-form>