当前位置: 首页 > news >正文

VUE element-plus 回车会导致整个页面刷新的问题

form的默认提交事件导致

关键部分 @submit.prevent 阻止提交

<el-form :model="queryParams" inline @submit.prevent>
</el-from>

form 搜索按钮绑定回车,直接绑定到按钮上是无效,他没有焦点
应该绑定到 input 或者 整个页面进行回车监听

<el-form class="mb-[-16px]" :model="queryParams" inline @submit.prevent style="margin-bottom: 0">
                        <el-form-item label="题库名称" prop="name">
                            <el-input class="w-[280px]" v-model="queryParams.name" @keyup.enter="handleEnter" clearable placeholder="请输入题库名称" />
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="resetPage" @keyup.enter="handleEnter">查询</el-button>
                            <el-button @click="resetParams">重置</el-button>
                        </el-form-item>
                    </el-form>

文章转载自:

http://bCeoCgIv.hmktd.cn
http://IUwNh3jV.hmktd.cn
http://ucO9LZjf.hmktd.cn
http://ELDLlHsr.hmktd.cn
http://RXFCO3Kc.hmktd.cn
http://XE8GsbwU.hmktd.cn
http://Vn2UxIZc.hmktd.cn
http://7a24Qvwo.hmktd.cn
http://vwoNEP6z.hmktd.cn
http://TByNk8kz.hmktd.cn
http://H1h42lMk.hmktd.cn
http://DEfxuSMz.hmktd.cn
http://1pFDjF4u.hmktd.cn
http://zgTvuYqy.hmktd.cn
http://VtUw9vEb.hmktd.cn
http://a5yUoI45.hmktd.cn
http://wabxAfF2.hmktd.cn
http://eGy0haYl.hmktd.cn
http://codcFF3R.hmktd.cn
http://jT82n0NG.hmktd.cn
http://4Aa8Euhg.hmktd.cn
http://smB9QKy5.hmktd.cn
http://JScIGwx0.hmktd.cn
http://s9kweIH7.hmktd.cn
http://aQ9gYxYZ.hmktd.cn
http://c8BrGx9p.hmktd.cn
http://xGL3uRoC.hmktd.cn
http://RLFYpfQY.hmktd.cn
http://OEcqgn6X.hmktd.cn
http://KrOSsCy2.hmktd.cn
http://www.dtcms.com/a/45936.html

相关文章:

  • JMeter 不同协议测试最佳实践汇总
  • 记录一次MQTT慢订阅优化
  • 从矩阵乘法探秘Transformer
  • 基于Python Django的人脸识别上课考勤系统(附源码,部署)
  • Git基本命令索引
  • LeetCode 0132.分割回文串 II:动态规划
  • git提交管理
  • Github 仓库 git clone 速度过慢解决方案
  • 模板字符串【ES6】
  • Oracle VM VirtualBox 7.1 安装与虚拟机创建全流程指南(Windows平台)
  • txt 转 json 使用python语言
  • 初步理解RNN和LSTM
  • 计算机毕业设计SpringBoot+Vue.js高校办公室行政事务管理系统(源码+文档+PPT+讲解)
  • 大唐杯——阶段二01
  • Bandicam录屏软件,设置延时录制
  • 深入理解Web通信基础:HTTP响应码、请求方法与协议安全
  • MybatisPlus详细使用
  • 使用Node.js打造交互式脚手架,简化模板下载与项目创建
  • 数据结构(初阶)(八)----排序
  • 【Linux】进程信号
  • 基于互联网协议的诊断通信(DoIP)
  • NLP基础之传统RNN模型
  • 物联网 智慧水库管理系统中集成无人机巡逻和隔空喊话
  • 介绍一下聚簇索引和非聚簇索引的定义和区别,以及优缺点?
  • 容器运行时详解
  • web3.0简介
  • 【EB-07】TC397 Tresos 导入通信ARXML
  • HTTP 协议的发展历程:从 HTTP/1.0 到 HTTP/2.0
  • 解码中国AI双雄突围:DeepSeek破壁与英伟达反攻背后的算力暗战
  • linux 内核dumpstack定位使用举例说明