
el-form中只有一个表单时,按回车键刷新页面问题
发布日期:2021-05-14 14:31:46
浏览次数:15
分类:精选文章
本文共 398 字,大约阅读时间需要 1 分钟。
当表单中只有一个输入时,按回车键会默认执行表单提交事件。不过在有两个以上输入时,这个问题就不会出现了。以下是解决这一问题的两个主要方法:
第一个方法是在表单组件上添加@submit.native.prevent属性,这样可以阻止默认的提交事件。这种方式在确保表单不会在无意中提交的同时,仍然可以通过其他手段(如按钮点击)触发提交逻辑。如果需要让回车键也触发查询数据的功能,可以在输入组件上设置@keyup.enter事件。
第二个方法则是针对输入组件本身。为每个需要查询功能的输入组件添加@keyup.enternative事件节点,将回车键的事件传递给一个用于查询数据的函数。例如:
这样,每当用户在输入框中按下回车键时,就会触发queryInfo函数来执行数据查询。这种方式既保证了输入框的数据输入流畅,又允许用户通过回车键快速查询数据。
发表评论
最新留言
第一次来,支持一个
[***.219.124.196]2025年04月19日 10时12分32秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
【编程】C语言入门:1到 100 的所有整数中出现多少个数字9
2019-03-09
MySQL----基础及常用命令
2019-03-09
flink启动(二)
2019-03-09
前端开发进阶手册.pdf
2019-03-09
软件架构设计和MESH经验之谈
2019-03-09
redis持久化分析
2019-03-09
如何添加开机自启项
2019-03-09
关于宝塔面板安装的mysql用Navicat连接出现2003的错误解决
2019-03-09
Windows2016 FTP用户隔离
2019-03-09
js传入参数是中文的时候出现 “******”未定义错误
2019-03-09
responded with a status of 404 ()
2019-03-09
吴恩达机器学习课程笔记(英文授课) Lv.1 新手村(回归)
2019-03-09
pair的用法
2019-03-09
SQL基本操作命令
2019-03-09
强制类型转换原理
2019-03-09
伪类选择器
2019-03-09
C# WinForm程序退出的方法
2019-03-09
ubuntu安装gem和fastlane
2019-03-09
onFailure unexpected end of stream
2019-03-09
android 集成weex
2019-03-09