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>
相关推荐
liuyang___11 分钟前
vue3+ts的computed属性怎么用?
前端·javascript·vue.js
cwl7213 分钟前
Unity WebGL、js发布交互
javascript·unity·webgl
软件技术NINI29 分钟前
html css js网页制作成品——HTML+CSS珠海网页设计网页设计(4页)附源码
javascript·css·html
爱编程的鱼31 分钟前
如何用CSS实现HTML元素的旋转效果:从基础到高阶应用
前端·css·html
lhhbk2 小时前
angular的cdk组件库
前端·javascript·angular.js
布兰妮甜2 小时前
Node.js入门指南:开启JavaScript全栈开发之旅
开发语言·javascript·node.js
Wcowin2 小时前
Mkdocs页面如何嵌入PDF
前端·pdf·mkdocs
Joker Zxc2 小时前
【前端基础】7、CSS的字体属性(font相关)
前端·css
一个W牛3 小时前
精选面试题
javascript·面试
JMS_兔子3 小时前
【面试 · 一】vue大集合
前端·javascript·vue.js