当前位置: 首页 > 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>

http://www.dtcms.com/a/176409.html

相关文章:

  • 《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个一组翻转链表
  • 【PostgreSQL数据分析实战:从数据清洗到可视化全流程】7.3 动态报表生成(Jupyter Notebook/ReportLab)
  • python批量配置交换机简单实现
  • 场景可视化与数据编辑器:构建数据应用情境​
  • 居民健康监测小程序|基于微信小程序的居民健康监测小程序设计与实现(源码+数据库+文档)
  • OSCP - Proving Grounds - Sumo
  • 深度学习中常见的矩阵变换函数汇总(持续更新...)
  • 尚硅谷-硅谷甄选项目记录
  • 【2019 CWE/SANS 25 大编程错误清单】12越界写入
  • 二叉平衡树
  • 【解决方案】CloudFront VPC Origins 实践流程深入解析 —— 安全高效架构的实战之道