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>
相关推荐
书唐瑞1 天前
谷歌浏览器和火狐浏览器对HTML的嗅探(Sniff)能力
前端·html
rocky1911 天前
谷歌浏览器插件 使用 playwright 回放用户动作键盘按键特殊处理方案
前端
rocky1911 天前
playwright里兼容处理回放无界微前端内iframe内部元素事件和不在无界微前端内的iframe元素
前端
rocky1911 天前
谷歌浏览器插件 使用 playwright 回放slide 拖动动作
前端
Devil枫1 天前
HarmonyOS鸿蒙应用:仓颉语言与JavaScript核心差异深度解析
开发语言·javascript·ecmascript
惺忪97981 天前
回调函数的概念
开发语言·前端·javascript
小二·1 天前
从零开始:使用 Vue-ECharts 实现数据可视化图表功能
vue.js·信息可视化·echarts
前端 贾公子1 天前
Element Plus组件v-loading在el-dialog组件上使用无效
前端·javascript·vue.js
天外飞雨道沧桑1 天前
JS/CSS实现元素样式隔离
前端·javascript·css·人工智能·ai
程序0071 天前
前端写一个密码登录,验证码登录,注册模板
前端