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

问题描述:

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

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

html 复制代码
      <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>
相关推荐
Java小卷9 小时前
流程设计器为啥选择diagram-js
前端·低代码·工作流引擎
HelloReader10 小时前
Isolation Pattern(隔离模式)在前端与 Core 之间加一道“加密网关”,拦截与校验所有 IPC
前端
兆子龙10 小时前
从 float 到 Flex/Grid:CSS 左右布局简史与「刁钻」布局怎么搞
前端·架构
YukiMori2310 小时前
一个有趣的原型继承实验:为什么“男人也会生孩子”?从对象赋值到构造函数继承的完整推演
前端·javascript
_哆啦A梦10 小时前
Vibe Coding 全栈专业名词清单|设计模式·基础篇(创建型+结构型核心名词)
前端·设计模式·vibecoding
百里静修10 小时前
一个 Hook 拦截所有 AJAX 请求:ajax-hooker 使用指南与原理
前端
摸鱼的春哥11 小时前
惊!黑客靠AI把墨西哥政府打穿了,海量数据被黑
前端·javascript·后端
小兵张健11 小时前
Playwright MCP 截图标注方案调研(推荐方案1)
前端·javascript·github
小兵张健12 小时前
AI 页面与交互迁移流程参考
前端·ai编程·mcp
小兵张健12 小时前
掘金发布 SOP(Codex + Playwright MCP + Edge)
前端·mcp