当前位置: 首页 > news >正文

vue3 element-plus 输入框回车跳转页面问题处理

问题描述:
 当页面搜索条件只有一个的情况下,输入框不管有没有值,回车后会跳转页面

解决办法,给表单添加  @submit.prevent

      <el-form ref="ruleForm" :model="search" label-width="120px" class="form-class" @submit.prevent><el-row><el-col :span="6"><el-form-item :label="$t('包装编码:')" prop=""><el-input v-model="search.packingCode" class="input_class" /></el-form-item></el-col><el-col :span="18" class="btn_class"><el-button style="margin-left: 10px" type="primary" icon="search" @click="fniSearchTable">{{ '查询' }}</el-button><el-button icon="refresh" type="primary" @click="handleResetSearch">{{ '重置' }}</el-button></el-col></el-row></el-form>

相关文章:

  • 《Python星球日记》 第43天:机器学习概述与Scikit-learn入门
  • 协方差与皮尔逊相关系数:从定义到应用的全面解析
  • Coze平台 搭建「AI美食视频制作工作流」的详细实现方案
  • Java消息队列性能优化实践:从理论到实战
  • JVM的双亲委派模型
  • Spark 之 YarnCoarseGrainedExecutorBackend
  • Kubernetes学习笔记
  • Python训练营打卡——DAY18(2025.5.7)
  • 按拼音首字母进行排序组成新的数组(vue)
  • Prometheus实战教程:k8s平台-Redis监控案例
  • MySQL-数据查询(多表连接JOIN)-04-(11-2)
  • Go——项目实战
  • Kotlin zip 函数的作用和使用场景
  • 【纯小白博客搭建】Hugo+Github博客部署及主题(stack)美化等界面优化记录
  • DELL R770 服务器,更换OCP模块!
  • 使用 Java 11 的 HttpClient 处理 RESTful Web 服务
  • LLM :Function Call、MCP协议与A2A协议
  • 「Mac畅玩AIGC与多模态24」开发篇20 - 多语言输出工作流示例
  • 面试算法刷题练习1(核心+acm)
  • 力扣——25 K个一组翻转链表
  • 姚洋将全职加盟上海财经大学,担任滴水湖高级金融学院院长
  • 非洲雕刻艺术有着怎样的“变形之美”
  • 苏东坡:人生就是哈哈哈哈哈
  • 协会:坚决支持司法机关依法打击涉象棋行业的违法行为
  • 代理销售保险存在误导行为,农业银行重庆市分行相关负责人被罚款0.1万元
  • 七大交响乐团“神仙斗法”,时代交响在上海奏出时代新声