解决element-ui回车键绑定按钮功能后却刷新浏览器的问题

embedded/2024/10/21 9:40:45/

       最近写代码时,遇到要给回车键绑定确定的功能,并且打开对话框时要自动获取输入框焦点,发现一但重新打开浏览器,第一次执行回车键的功能时就会刷新浏览器,后续则会成功执行。但是一但再一次重新打开浏览器,还是会遇到上述问题。

原因:

elementUI中的当el-form表单只存在一个el-input框时,会触发表单的默认提交事件

解决方案:

1、阻止刷新浏览器:

在el-form中添加

javascript">@submit.native.prevent

2、打开dialog对话框自动获取输入框焦点:

打开对话框的方法中添加

javascript"> this.$nextTick(()=>{this.$refs.inputRef.focus()})


http://www.ppmy.cn/embedded/94626.html

相关文章

onvif技术框架介绍

我们在学习任何一个新的技术点之前,都要从整体框架再到细节,在开始学习的时候,不用去扣细节,而是从整个架构出发;所有学习onvif客户端开发,也是一样的,我们先从整体框架开发: 在讲解…

[windows][vscode]正则表达式匹配文件中所有空白行

在Visual Studio Code (VSCode) 中,^\s*(?\r?$)\n 这个正则表达式模式用于匹配文件中所有空白行,包括空行和只包含空白字符(如空格、制表符等)的行。下面是对这个正则表达式的解释: ^:匹配行的开始。\s*…

FPGA入门:二选一多路选择器

FPGA入门学习第一例:二选一多路选择器 设计需求 设计一个二选一多路选择器模块,包含三个输入信号(a/b/sl),一个输出信号(out)。 当sl 1时,out a;当sl 0时&#xff0…

【Linux SQLite数据库】一、SQLite交叉编译与移植

SQLite 是一个用 C 语言编写的开源、轻量级、快速、独立且高可靠性的 SQL 数据库引擎,它提供了功能齐全的数据库解决方案。SQLite 几乎可以在所有的手机和计算机上运行,它被嵌入到无数人每天都在使用的众多应用程序中。此外,SQLite 还具有稳定…

jenkins一键推送到远程服务器并用docker容器启动

1.安装jenkins 我后端使用的是宝塔面板来安装的容器化jenkins,要选中允许外部访问,安装完之后没有那个选项了,一开始安装的时候要选中不使用域名和后面的允许外部访问。Jenkins 版本为: 2.462.1 2.配置Jenkins 2.1 Git plugin 安装完毕之…

SpringCloud 微服务nacos和eureka

Spring是微服务架构,是一种经过良好架构设计的分布式架构方案。 微服务架构有如下特性 单一:微服务拆分粒度小,每一个服务都对应唯一的业务能力,做到单一职责,避免重复业务开发 面向服务:微服务对外暴漏…

CC攻击解决方案,如何处理CC攻击

在数字化时代,网站作为企业与用户交流的重要窗口,其安全性和稳定性至关重要。然而,CC攻击(Challenge Collapsar Attack)这一网络威胁如同网络世界中的“洪水猛兽”,时刻威胁着网站的正常运行。今天我们就来…

仲阳天王星运维实习一面

自我介绍? 略谈谈你对“仲阳天王星”的理解? 略实习时间怎么安排,后续时间是怎么规划的? 略给你一个装满水的8升满壶和两个分别是5升、3升的空壶,请想个办法,使得其中一个水壶恰好装4升水,每一步…