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>
相关推荐
Moment2 分钟前
想做远程工作?这些技术栈和思维得准备好 🥰🥰🥰
前端·javascript·面试
试音刀郎20 分钟前
shell完整版教程
前端·chrome
Mr.Liu621 分钟前
小程序33-列表渲染
前端·微信小程序·小程序
轩宇瑶22 分钟前
vueflow
前端
前端snow23 分钟前
.env里面的JWT_SECRE这个怎么设置
前端
gnip34 分钟前
实时消息通知实现
前端
晓得迷路了39 分钟前
栗子前端技术周刊第 83 期 - Rolldown-Vite、Angular v20、Docusaurus 3.8...
前端·javascript·vite
小磊哥er40 分钟前
【前端AI实践】简说AI大模型:AI大模型的基本概念和使用
前端·ai编程
独立开阀者_FwtCoder40 分钟前
如何让 Cursor AI Agent始终遵守项目规范:使用自动规则生成技术
java·前端·javascript
独立开阀者_FwtCoder44 分钟前
尤雨溪宣布:Vue 3.6 重大更新!Vite 将彻底重写!
前端·javascript·后端