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

elementUI 输入框按回车刷新页面问题

分析原因:

当 el-form 表单内只有一个 el-input 输入框时,且type为text类型时,在输入框内按回车就会触发表单的提交事件。

而当 el-form 表单内有多个 el-input 输入框时,按回车不会执行任何操作。

使用.prevent修饰符来阻止默认的表单提交行为:

@submit.native.prevent注解添加到el-form标签上从而阻止了按下回车键时的页面刷新

 .native 表示对一个组件绑定系统原生事件

.prevent 表示阻止默认事件(如form的submit事件默认提交会刷新页面,.prevent修饰符可以阻止该默认事件)

<el-form @submit.native.prevent><el-form-item><el-input v-model="input" placeholder="请输入内容"></el-input></el-form-item>
</el-form>

http://www.lryc.cn/news/330247.html

相关文章:

  • C++的字节对齐
  • ALPHA开发板上的PHY芯片驱动:LAN8720驱动
  • C语言游戏实战(9):球球大作战
  • 【Windows】关闭自动更新
  • mac如何检测移动硬盘 mac硬盘检测工具 Tuxera怎么用 Tuxera NTFS官网
  • 1038 Recover the Smallest Number
  • 【Go】四、包名、访问范围控制、标识符、运算符
  • 达梦数据库日志文件管理
  • zookeeper 监控 与 JVM 设置
  • 【java】关于String、StringBuffer和StringBuilder的那些事
  • Spring 的 Ioc配置
  • 基于Java-SpringBoot+vue实现的前后端分离信息管理系统设计和实现
  • 用Python实现办公自动化(自动化处理PDF文件)
  • 银河麒麟操作系统Kylin Linux 离线安装Nginx1.21.5
  • ApiFox 使用教程
  • github拉取的项目添加至自己的仓库
  • ZooKeeper 的持久化机制
  • VS2022+QT5.9 提示找不到qtmain.lib
  • HTTP和HTTPS谁传输数据更安全?
  • 竞赛常考的知识点大总结(七)图论
  • NOSQL - Redis的简介、安装、配置和简单操作
  • 书生·浦语大模型开源体系(二)笔记
  • docker-compse安装es(包括IK分词器扩展)、kibana、libreoffice
  • Electron 读取本地配置 增加缩放功能(ctrl+scroll)
  • docker中配置交互式的JupyterLab环境的问题
  • SQLAlchemy 来查询并统计 MySQL 中 JSON 字段的一个值
  • HTTPS ECDHE 握手解析(计算机网络)
  • 在git上先新建仓库-把本地文件提交远程
  • Redis 过期删除策略
  • MySQL 锁合集与事务隔离级别