element-ui table height 属性导致界面卡死

问题: 项目上，有个点击按钮弹出抽屉的交互, 此时界面卡死

原因分析: 一些场景下(父组件使用动态单位/弹窗、抽屉中使用), element-ui 的 table 会循环计算高度值, 导致界面卡死

github 上的一些 issues 和解决方案:

Issues · ElemeFE/element · GitHub

官方讲是升级最新版本即可解决, 但是我的情况可能还有些许差异, 升级到 2.15.14 之后还是不行

最终的解决办法如下, 不配置height 属性, 写在style 中, 可以参考

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/232062.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

基于粒子群算法的曲面路径优化

基于粒子群算法的曲面路径优化

目录 摘要 测试函数shubert 粒子群算法的原理 粒子群算法的主要参数 粒子群算法原理 粒子群算法参数拟合 代码 结果分析 展望 基于粒子群算法的曲面路径优化（代码完整，数据齐全）资源-CSDN文库 https://download.csdn.net/download/abc991835105/88698419 摘要 寻优算法，…
阅读更多...
九州金榜｜父母忙碌，更要高质量陪伴孩子

九州金榜｜父母忙碌，更要高质量陪伴孩子

逐渐加快的生活节奏让每一个人都在马不停蹄的运转，愈加优越的生活条件也让人们对生活环境有更高的要求，这让很多家长在创造物质条件时却疏于对孩子的家庭教育。 这些家长也意识到了这种做法下的危害，但是却不愿为此改变，甚至在不忙…
阅读更多...
JAVAEE初阶相关内容第二十弹--HTTP协议【续集】

JAVAEE初阶相关内容第二十弹--HTTP协议【续集】

写在前：在前一篇博客中我们初步掌握了HTTP(超文本传输协议)的相关知识【点击跳转】，认识了HYYP协议的工作过程，掌握抓包工具Fiddler的使用。在“方法”中重点需要理解“GET”方法与“POST”方法的格式与内容，并了解了请求“报头”…
阅读更多...
C++:stack、queue、priority_queue增删查改模拟实现、deque底层原理

C++:stack、queue、priority_queue增删查改模拟实现、deque底层原理

C:stack、queue、priority_queue增删查改模拟实现 前言一、Cstack的介绍和使用1.1 引言1.2 satck模拟实现 二、Cqueue的介绍和使用2.1 引言2.2 queue增删查改模拟实现 三、STL标准库中stack和queue的底层结构:deque3.1 deque的简单介绍(了解)3.2 deque的缺陷3.3 为什么选择dequ…
阅读更多...
Spring Boot实现数据加密脱敏：注解 + 反射 + AOP

Spring Boot实现数据加密脱敏：注解 + 反射 + AOP

文章目录 1. 引言2. 数据加密和脱敏的需求3. Spring Boot项目初始化4. 敏感数据加密注解设计5. 实现加密和脱敏的工具类6. 实体类和加密脱敏注解的使用7. 利用AOP实现加密和脱敏8. 完善AOP切面9. 测试10. 拓展功能与未来展望10.1 加密算法的选择10.2 动态注解配置 11. 总结 &am…
阅读更多...
IoTDB 集群部署——windows

IoTDB 集群部署——windows

本文的测试环境为window server2016，版本包为1.1.0，jdk版本为1.8 首先下载IoTDB版本包，链接地址如下 https://archive.apache.org/dist/iotdb/1.1.0/apache-iotdb-1.1.0-all-bin.zip 本次部署将使用1个ConfigNode 和3个DataNode模式&#…
阅读更多...
Rancher 单节点 docker 部署备份与恢复

Rancher 单节点 docker 部署备份与恢复

Rancher 单节点 docker 部署备份与恢复 1. 备份集群 获取 rancher server 容器名，本例为 angry_aryabhata docker ps | grep rancher/rancher6a27b8634c80 rancher/rancher:v2.5.14 xxx angry_aryabhata停止容器 docker stop angry_aryabhata创建备…
阅读更多...
深入理解Vue3中的自定义指令

深入理解Vue3中的自定义指令

Vue3是一个流行的前端框架，它引入了许多新特性和改进，其中之一是自定义指令。自定义指令是一种强大的功能，可以让开发者在模板中直接操作 DOM 元素。本文将深入探讨 Vue3中的自定义指令，包括自定义指令的基本用法、生命周期钩子函…
阅读更多...
uniappVue3版本中组件生命周期和页面生命周期的详细介绍

uniappVue3版本中组件生命周期和页面生命周期的详细介绍

一、什么是生命周期？ 生命周期有多重叫法，有叫生命周期函数的，也有叫生命周期钩子的，还有钩子函数的，其实都是代表，在 Vue 实例创建、更新和销毁的不同阶段触发的一组钩子函数，这些生命周期函数…
阅读更多...
Flutter 混合开发 - aar打包

Flutter 混合开发 - aar打包

背景 项目接入 Flutter 后有两种方式，一种是 module 引入开发，一种是 aar 依赖开发。当前项目中在 Debug 阶段为了方便调试采用 module 开发，在发版时（即 Release 阶段）采用 aar 依赖引入。为了配合这种模式就需要在 …
阅读更多...
个人笔记：分布式大数据技术原理（一）Hadoop 框架

个人笔记：分布式大数据技术原理（一）Hadoop 框架

Apache Hadoop 软件库是一个框架，它允许使用简单的编程模型，实现跨计算机集群的大型数据集的分布式处理。它最初的设计目的是为了检测和处理应用程序层的故障，从单个机器扩展到数千台机器（这些机器可以是廉价的）&#…
阅读更多...
学会视频剪辑方法：从视频中提取封面，增加视频观看量

学会视频剪辑方法：从视频中提取封面，增加视频观看量

在数字媒体时代，视频已经成为信息传递的主要方式之一。那如何让视频在众多内容中脱颖而出，吸引更多的观众呢？除了内容本身的质量外，视频的封面也是吸引的关键因素之一。下面一起看云炫AI智剪如何通过视频剪辑方法从视频中提取封面…
阅读更多...
Vue框架底层

Vue框架底层

一、前端框架的由来 1、服务端渲染 sequenceDiagram 浏览器->>服务器: https://www.bilibili.com/ Note right of 服务器: 组装页面(服务端渲染) 服务器->>-浏览器: 完整页面2、前后端分离 sequenceDiagram 浏览器->>服务器: https://www.bilibili.com/ 服务…
阅读更多...
2023 年中国高校大数据挑战赛赛题B DNA 存储中的序列聚类与比对-解析与参考代码

2023 年中国高校大数据挑战赛赛题B DNA 存储中的序列聚类与比对-解析与参考代码

题目背景：目前往往需要对测序后的序列进行聚类与比对。其中聚类指的是将测序序列聚类以判断原始序列有多少条，聚类后相同类的序列定义为一个簇。比对则是指在聚类基础上对一个簇内的序列进行比对进而输出一条最有 可能的正确序列。通过聚类与比对将会极大…
阅读更多...
Vue页面传值：Props属性与$emit事件的应用介绍

Vue页面传值：Props属性与$emit事件的应用介绍

一、vue页面传值 在Vue页面中传值有多种方式，简单介绍以下两种 通过props属性传递值：父组件在子组件上定义props属性，子组件通过props接收父组件传递的值。通过$emit触发事件传递值：子组件通过$emit方法触发一个自定义事件&#…
阅读更多...
Linux第18步_安装“Ubuntu系统下的C语言编译器ＧＣＣ”

Linux第18步_安装“Ubuntu系统下的C语言编译器ＧＣＣ”

Ubuntu系统没有提供C/C的编译环境，因此还需要手动安装build-essential软件包，它包含了 GNU 编辑器，GNU 调试器，和其他编译软件所必需的开发库和工具。本节用于重点介绍安装“Ubuntu系统下的C语言编译器ＧＣ&a…
阅读更多...
Hierarchical Clusting模型

Hierarchical Clusting模型

介绍： Hierarchical Clustering 是一种常用的聚类方法，它通过构建一个层次化的聚类树（或者称为聚类图），将数据点逐步合并组成不同的聚类簇。 Hierarchical Clustering 的主要思想是将相似的数据点归为一类&#xff0c…
阅读更多...
竞赛保研 基于深度学习的人脸专注度检测计算系统 - opencv python cnn

竞赛保研 基于深度学习的人脸专注度检测计算系统 - opencv python cnn

文章目录 1 前言2 相关技术2.1CNN简介2.2 人脸识别算法2.3专注检测原理2.4 OpenCV 3 功能介绍3.1人脸录入功能3.2 人脸识别3.3 人脸专注度检测3.4 识别记录 4 最后 1 前言 🔥 优质竞赛项目系列，今天要分享的是 🚩 基于深度学习的人脸专注度…
阅读更多...
作业三详解

作业三详解

作业3： 在作业1的基础上，整合修改、删除功能，可实现如下功能 1.进入新增页面，页面填入新增数据，提交表单，然后跳转到查询列表页面，列表页面显示所有记录（多一条新增的数据&#xff…
阅读更多...
Eureka服务注册与发现中心

Eureka服务注册与发现中心

简介 Spring Cloud封装了Netflix 公司开发的Eureka模块来实现服务治理 在传统的RPC远程调用框架中，管理每个服务与服务之间依赖关系比较复杂，管理比较复杂，所以需要使用服务治理，管理服务于服务之间依赖关系，可以实现…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023