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

elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决

news 2026/3/30 20:31:19

在el-dialog弹出框中，如果使用el-tabs，点击弹框的关闭按钮时，会导致弹出框无法关闭，且浏览器卡死。

解决方式（一）：

在el-talbs的面板中不放任何内容：

<el-tab-pane label="基线化" name="0">基线化</el-tab-pane>
改为：
<el-tab-pane label="基线化" name="0"></el-tab-pane>

将内容放在el-tabs外面，然后用v-show来控制对应的内容的显示。如下图：

<el-tabs v-model="activeName" @tab-click="handleClick"><el-tab-pane label="基线化" name="0"> </el-tab-pane><el-tab-pane label="基线记录" name="1"> </el-tab-pane>
</el-tabs>
<div v-show="activeName == 0"> 面板1的内容
</div>
<div v-show="activeName == 1"> 面板2的内容
</div>

最开始以为是el-form不能嵌套el-tabs，其实不是。

解决方式（二）：

el-dialog二次封装了变成了全局组件在使用包裹el-tabs时关闭dialog 就会突然卡死我还以为是电脑问题经过多次测试发现将destroy-on-close设置为false（关闭时不销毁dialog里面的元素）问题得以解决

elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决

在el-dialog弹出框中，如果使用el-tabs，点击弹框的关闭按钮时，会导致弹出框无法关闭，且浏览器卡死。解决方式（一）： 在el-talbs的面板中不放任何内容： <el-tab-pane label"…...

编程日记 2024/6/24 14:58:17

基于图扑 HT for Web 实现拓扑关系图

拓扑结构在计算机网络设计和通信领域中非常重要，因为它描述了网络中的设备（即“点”）如何相互连接（即通过“线”）。这种结构不仅涉及物理布局，即物理拓扑，还可以涉及逻辑或虚拟的连接方式&#…...

编程日记 2024/6/24 14:57:16

linux笔记10--编辑器之神VIM

文章目录 1. 简单介绍① 为什么叫vim② linux常见的编辑器③ 注意事项④ 其它 2. 操作模式的划分① 两种 -- 国际上普通模式(命令操作模式)插入模式 ② 三种 -- 国内普通模式如何进入与退出界面插入模式如何进入与退出界面命令模式如何进入与退出界面常见的命令模式 ③ 区别④…...

编程日记 2024/6/24 14:56:14

安全管理中心-集中管控（6点）

记忆内容： 应划分出特定的管理区域，对分布在网络中的安全设备或安全组件进行管控。（三级新增） 应能够建立一条安全的信息传输路径，对网络中的安全设备或安全组件进行管理。（三级新增） 应对网络…...

编程日记 2024/6/24 14:55:13

使用electron打包Vue前端项目的详细流程

使用electron打包Vue前端项目的详细流程需要更改的东西路由模式的修改 # 修改前：url不带#mode: history# 修改后：url带#mode: hash全局修改Cookies为localStorage 由于打包成exe或deb这类可执行文件后，本地是没有 Cookies 全局搜索Cooki…...

编程日记 2024/6/24 14:53:11

《计算机英语》 Unit 4 Information Management 信息管理

Section A Information Storage 信息存储 1. The importance of Information信息的重要性词汇 reside vi属于，驻留 tablet n平板电脑 laptop n笔记本电脑 repository n仓库 claim n索赔 regulatory n法规 contractua…...

编程日记 2024/6/24 14:52:10

如何打包数据库文件

使用 mysqldump 命令： mysqldump -u username -p database_name > output_file.sql username 是数据库的用户名。database_name 是要导出的数据库名称。output_file.sql 是导出的 SQL 文件名，可以自定义。示例： mysqldump -u root -p…...

编程日记 2024/6/24 14:51:09

iOS抓包指南正则过滤爬取

解读iOS抓包抓包 （packet capture）就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作，也用来检查网络安全。抓包也经常被用来进行数据截取等。什么是正则表达式？ 正则表达式(regular expression)是用来描述…...

编程日记 2024/6/24 14:49:07

FLASH仿真EEPROM---基于智芯Z20K11XM

一、介绍电可擦和可编程只读存储器(EEPROM)可以对字节或字编程和擦除。EEPROM中的数据即使断电也能保持，但Z20K1xx芯片不含EEPROM。然而，闪存可以通过EEPROM仿真软件来模拟EEPROM。Z20K1xx包含两个flash阵列。编程和擦除操作可以在一个数组上进行&#…...

编程日记 2024/6/24 14:47:05

阿里云PAI大模型评测最佳实践

作者：施晨、之用、南茵、求伯、一耘、临在背景信息内容简介在大模型时代，随着模型效果的显著提升，模型评测的重要性日益凸显。科学、高效的模型评测，不仅能帮助开发者有效地衡量和对比不同模型的性能，更能指导他…...

编程日记 2024/6/24 14:46:04

Django Aggregation 使用指南

Django Aggregation 使用指南在构建Django应用时，我们经常需要对数据库中的数据进行汇总或聚合操作。例如，计算某个字段的平均值、最大值或最小值。这篇文章将详细介绍如何在Django中使用聚合查询，并结合实例进行说明。聚合查询简介 Dja…...

编程日记 2024/6/24 14:42:00

1.使用fread和fwrite方式完成任意普通文件的拷贝功能。模拟文件下载 #include <stdio.h>void do_copy(FILE *fp_s,FILE *fp_d) {char buf[100] {0};int ret;while (ret fread(buf,sizeof(char),sizeof(buf),fp_s))fwrite(buf,sizeof(char),ret,fp_d); }//./a.out sr…...

编程日记 2024/6/24 14:40:58

用JavaScript实现了一个简单的图像坐标点标注工具

这段代码实现了一个简单的图像标注工具，允许用户在加载的图像上进行点选标注，并且通过右键确认一个点序列来形成一个多边形。标注效果如下实现代码如下 <!DOCTYPE html> <html lang"en"> <head><meta charset"U…...

编程日记 2024/6/24 14:39:57

Pytorch深度解析：Transformer嵌入层源码逐行解读

前言本部分博客需要先阅读博客： 《Transformer实现以及Pytorch源码解读（一）-数据输入篇》作为知识储备。 Embedding使用方式如下面的代码中所示，embedding一般是先实例化nn.Embedding(vocab_size, embedding_dim)。实例化的…...

编程日记 2024/6/24 14:38:56

HSP_10章 Python面向对象编程oop_基础部分

文章目录 P107 类与实例的关系1.类与实例的关系示意图2.类与实例的代码分析 P109 对象形式和传参机制1. 类与对象的区别和联系2. 属性/成员变量3. 类的定义和使用4. 对象的传递机制 P110 对象的布尔值P111 成员方法1. 基本介绍2. 成员方法的定义和基本使用3.注意事项和使用细节…...

编程日记 2024/6/24 14:37:55

JavaWeb系列十七: jQuery选择器上

jQuery选择器 jQuery基本选择器jquery层次选择器基础过滤选择器内容过滤选择器可见度过滤选择器选择器是jQuery的核心, 在jQuery中, 对事件处理, 遍历 DOM和Ajax 操作都依赖于选择器jQuery选择器的优点 $(“#id”) 等价于 document.getElementById(“id”);$(“tagName”) 等价…...

编程日记 2024/6/24 14:36:54

Gone框架介绍30 - 使用`goner/gin`提供Web服务

gone是可以高效开发Web服务的Golang依赖注入框架 github地址：https://github.com/gone-io/gone 文档地址：https://goner.fun/zh/ 使用goner/gin提供Web服务文章目录使用goner/gin提供Web服务注册相关的Goners编写Controller挂载路由路由处理函数io.Rea…...

编程日记 2024/6/24 14:35:52

Lipowerline5.0 雷达电力应用软件下载使用

1.配网数据处理分析针对配网线路点云数据，优化了分类算法，支持杆塔、导线、交跨线、建筑物、地面点和其他线路的自动分类；一键生成危险点报告和交跨报告；还能生成点云数据采集航线和自主巡检航线。获取软件安装包联系邮箱:289…...

编程日记 2024/6/24 14:34:51

STM32学习之一：什么是STM32

目录 1.什么是STM32 2.STM32命名规则 3.STM32外设资源 4. STM32的系统架构 5. 从0到1搭建一个STM32工程学习stm32已经很久了，因为种种原因，也有很久一段时间没接触过stm32了。等我捡起来的时候，发现很多都已经忘记了，重新捡…...

编程日记 2024/6/24 14:33:50

Windows下QT5.15.2安装MQTT模块全攻略（附分支选择避坑指南）

Windows下QT5.15.2安装MQTT模块全攻略（附分支选择避坑指南） 在物联网开发领域，MQTT协议因其轻量级和高效性成为设备通信的首选方案。对于使用QT5.15.2进行跨平台开发的工程师而言，在Windows环境下正确配置MQTT模块往往是项目起步的…...

编程新知 2026/3/30 20:22:28

原神帧率解锁技术突破：从性能瓶颈到效能释放的全流程优化指南

原神帧率解锁技术突破：从性能瓶颈到效能释放的全流程优化指南【免费下载链接】genshin-fps-unlock unlocks the 60 fps cap 项目地址: https://gitcode.com/gh_mirrors/ge/genshin-fps-unlock 诊断性能瓶颈：揭开帧率限制的技术根源识别帧率锁定…...

编程新知 2026/3/30 20:18:27