解决Vue中使用@keyup.enter事件刷新页面的问题

项目背景:Vue + Element-Plus
参考文档:https://cn.element-plus.org/en-US/component/form.html
解决方法:在<el-form>标签中加上@submit.prevent阻止表单自动提交

<el-form inline @submit.prevent>
  <el-form-item label="Name" prop="name">
    <el-input
      clearable
      v-model="searchForm.name"
      @keyup.enter="handleSearch"
    ></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="handleSearch">Search</el-button>
    <el-button @click="handleReset">Reset</el-button>
  </el-form-item>
</el-form>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容