头图

原因: 如果你的form表单内只有一个input输入框,按下回车后会默认触发页面刷新
解决:
在el-form上添加@submit.native.prevent阻止默认事件即可
@submit: 表单提交
.native 绑定系统原生事件
.prevent 提交以后不刷新页面

<el-form :model="form" ref="form" :inline="true" @submit.native.prevent>
  <el-form-item label="名称" prop="name" >
    <el-input v-model="form.name" @keydown.enter.native="query" />
  </el-form-item>
</el-form>

本篇文章为日常功能点,方便小伙伴们快速定位问题


兔子先森
399 声望17 粉丝

致力于新技术的推广与优秀技术的普及。