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>
相关推荐
~ rainbow~7 分钟前
前端转型全栈(六)——深入浅出:文件上传的原理与进阶
前端·http·文件上传
我就是马云飞27 分钟前
我废了!大厂10年的我面了20家公司,面试官让我回去等通知!
android·前端·程序员
yizhiyang1 小时前
ECharts实战:滑动缩放+选中背景高亮,打造高颜值统计图表
前端
猫山月1 小时前
Flutter路由演进路线(2026)
前端·flutter
We་ct1 小时前
LeetCode 322. 零钱兑换:动态规划入门实战
前端·算法·leetcode·typescript·动态规划
_白_1 小时前
从 0 到上线:我如何用开源打造一款密码管理 Chrome 插件
javascript
袋鱼不重1 小时前
Hermes Agent 直连飞书机器人
前端·后端·ai编程
不务正业的前端学徒1 小时前
Threejs,地图标签绘制,碰撞检测逻辑
前端
qq_12084093711 小时前
Three.js 工程向:GPU Overdraw 诊断与前端渲染优化
前端
纯爱掌门人1 小时前
聊聊 HarmonyOS 上的应用内通知授权弹窗
前端·harmonyos·arkts