elementui单个输入框回车刷新整个页面

<!-- 搜索 -->
<el-form :model="queryParams" ref="queryForm" :inline="true">
	<el-form-item label="名称" prop="nameLike">
		<el-input v-model="queryParams.nameLike" placeholder="请输入商品名称" @keyup.enter.native="SearchFn"/>
	</el-form-item>
	<el-form-item>
		<el-button type="primary" icon="el-icon-search" @click="SearchFn" plain>搜索</el-button>
		<el-button icon="el-icon-refresh" @click="RefreshFn">重置</el-button>
	</el-form-item>
</el-form>

在这里插入图片描述

  • 回车搜索的时候,刷新整个页面
    在这里插入图片描述
    解决
    el-form 上添加 @submit.native.prevent
    完整
<el-form :model="queryParams" ref="queryForm" :inline="true" @submit.native.prevent>
	<el-form-item label="名称" prop="nameLike">
		<el-input v-model="queryParams.nameLike" placeholder="请输入商品名称" @keyup.enter.native="SearchFn"/>
	</el-form-item>
	<el-form-item>
		<el-button type="primary" icon="el-icon-search" @click="SearchFn" plain>搜索</el-button>
		<el-button icon="el-icon-refresh" @click="RefreshFn">重置</el-button>
	</el-form-item>
</el-form>

相关推荐

  1. elementUI 输入回车刷新页面问题

    2024-04-20 10:26:04       41 阅读
  2. 前端js优化表单中单个输入回车提交事件

    2024-04-20 10:26:04       54 阅读
  3. elementUI输入/选项卡与百度地图联动

    2024-04-20 10:26:04       36 阅读
  4. Vue+ElementUI实现输入日期下拉动态展示

    2024-04-20 10:26:04       60 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-20 10:26:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-20 10:26:04       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-20 10:26:04       87 阅读
  4. Python语言-面向对象

    2024-04-20 10:26:04       96 阅读

热门阅读

  1. 软件架构设计 Azure架构

    2024-04-20 10:26:04       32 阅读
  2. 【AIGC调研系列】Grok-1.5v与Gpt-4v的效果对比

    2024-04-20 10:26:04       32 阅读
  3. 如何使用cuda进行图像矫正

    2024-04-20 10:26:04       35 阅读
  4. 多语言vue-i18n (vue2,uniapp)

    2024-04-20 10:26:04       26 阅读
  5. 62、ARM/STM32开发板按键中断相关学习20240416

    2024-04-20 10:26:04       39 阅读
  6. 单例设计模式

    2024-04-20 10:26:04       40 阅读
  7. Linux配置为路由器

    2024-04-20 10:26:04       36 阅读
  8. Spring Boot 定时任务实现教程

    2024-04-20 10:26:04       35 阅读
  9. MyBatis

    MyBatis

    2024-04-20 10:26:04      26 阅读
  10. CDN的原理

    2024-04-20 10:26:04       33 阅读
  11. Git

    2024-04-20 10:26:04       33 阅读
  12. Python脚本传参 -h --help

    2024-04-20 10:26:04       35 阅读