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>
相关推荐
让时光到此为止。7 分钟前
vue的首屏优化是怎么做的
前端·javascript·vue.js
San3028 分钟前
JavaScript 流程控制与数组操作全解析:从条件判断到数据高效处理
javascript·面试·代码规范
温宇飞31 分钟前
CSS 中如何处理空白字符
前端
dengzhenyue32 分钟前
矩形碰撞检测
开发语言·前端·javascript
llq_35036 分钟前
为什么 npm view yarn version 显示 1.22.22?
前端
aesthetician1 小时前
ReactFlow:构建交互式节点流程图的完全指南
前端·流程图·react
neo_dowithless1 小时前
多语言维护太痛苦?我自研了一个翻译自动化 CLI 工具
前端·ai编程
Q_Q5110082851 小时前
python+springboot+uniapp基于微信小程序的停车场管理系统 弹窗提示和车牌识别
vue.js·spring boot·python·django·flask·uni-app·node.js
小徐_23331 小时前
老乡鸡也开源?我用 Trae SOLO 做了个像老乡鸡那样做饭小程序!
前端·trae
麦麦大数据1 小时前
D017 vue+django+neo4j音乐知识图谱推荐可视化分析系统|带管理员角色+爬虫
vue.js·数据分析·django·知识图谱·neo4j·推荐算法