- 数据量太大导致的渲染缓慢（说跟没说一样）。
- 组件 el-tooltip、属性 show-overflow-tooltip 居然会影响 el-table 渲染性能问题，不信把它去掉试试。
Element UI - el-table 渲染慢，卡的原因
2022-05-26
3715
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Element UI - el-table 渲染慢，卡的原因
目录
相关文章
|
4月前
|
Web App开发
前端开发
JavaScript
Element UI框架中自定义input组件的placeholder样式。
确保这些样式在你的应用程序CSS文件中定义，且该文件已正确加载到项目中。通过以上方法，可以控制Element UI组件中input的placeholder样式，使其满足特定的设计要求。这些更改都是基于CSS伪元素进行的，因此并不会对DOM结构产生改变，保持了原有结构的简洁和高效。
425
12
12
|
4月前
|
存储
JavaScript
前端开发
element ui <el-date-picker> 设置展示当前月
在 Element UI 中，使用 `el-date-picker` 的 `value-format` 属性可将日期值格式化为指定字符串。设置 `type="month"` 时，绑定值默认为 Date 对象，通过 `value-format="yyyy-MM"` 可将其转为如 "2023-05" 格式，便于存储与处理。
993
0
0
|
5月前
|
JavaScript
前端开发
开发者
09.HarmonyOS Next数据驱动UI开发：ForEach与动态渲染完全指南(上)
在现代前端开发中，数据驱动UI已成为主流开发范式。HarmonyOS Next的ArkTS语言和声明式UI框架完美支持这一理念，使开发者能够以更高效、更直观的方式构建复杂应用。
159
1
1
|
API
UED
容器
深入探索 Element UI：自定义滚动条与弹出层管理的技巧
在这篇博客中，我们将深入探讨 Element UI 中的自定义滚动条及弹出层管理技巧。文章详细介绍了 el-scrollbar 组件的使用和参数设置，以及 PopupManager 如何有效管理弹出层的 z-index。我们还将探讨如何实现灵活的全屏组件，利用 vue-popper 创建自定义弹出层，最后介绍 ClickOutside 指令的用法。这些高级技巧将帮助你提升 Element UI 应用程序的用户体验与交互灵活性。
1296
1
1
|
JavaScript
索引
Vue开发中Element UI/Plus使用指南：常见问题（如Missing required prop: “value“）及中文全局组件配置解决方案
Vue开发中Element UI/Plus使用指南：常见问题（如Missing required prop: “value“）及中文全局组件配置解决方案
965
0
0
|
JavaScript
前端开发
开发者
决战前端之巅！Element UI与Vuetify谁才是Vue.js组件界的霸主？一场关于颜值与实力的较量！
【8月更文挑战第30天】本文对比了两款热门的Vue.js组件库——Element UI与Vuetify。Element UI由饿了么团队打造，提供多种高质量UI组件，设计简洁大方。Vuetify基于Material Design规范，支持Vue.js 2.0及3.0版本，具备前瞻性。两者均涵盖表单、导航、数据展示等组件，Element UI配置选项丰富，而Vuetify则提供了更深层的样式定制功能。开发者可根据项目需求及个人偏好选择合适的组件库。
1151
0
1
|
开发者
C#
Android开发
明白吗？Xamarin与Native的终极对决：究竟哪种开发方式更适合您的项目需求，让我们一探究竟！
【8月更文挑战第31天】随着移动应用开发的普及，开发者面临多种技术选择。本文对比了跨平台解决方案Xamarin与原生开发方式的优势与劣势。Xamarin使用C#进行跨平台开发，代码复用率高，可大幅降低开发成本；但因基于抽象层，可能影响性能。原生开发则充分利用平台特性，提供最佳用户体验，但需维护多套代码库，增加工作量。开发者应根据项目需求、团队技能和预算综合考量，选择最适合的开发方式。
273
0
0
|
JavaScript
开发者
UED
Vue.js组件库大对决：Element UI与Vuetify，开发者的罗密欧与朱丽叶！
【8月更文挑战第30天】Element UI和Vuetify是Vue.js开发中的热门组件库，前者简洁高效，后者遵循Material Design，国际化程度高。两者均提供丰富的组件支持，但Vuetify组件更多样，设计更灵活；Element UI在性能和中文支持上更优。文档方面，Element UI更直观易懂，而Vuetify配置灵活但学习成本稍高。选择时需综合考虑项目需求、团队背景及设计风格，以达到最佳开发效果。
904
0
0
|
6月前
|
开发框架
前端开发
JavaScript
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发一
本文介绍了方舟开发框架（ArkUI）及其两种开发范式：基于ArkTS的声明式开发范式和类Web开发范式。ArkUI是用于构建HarmonyOS应用界面的UI框架，提供极简UI语法和基础设施。声明式开发范式使用ArkTS语言，以组件、动画和状态管理为核心，适合复杂团队协作；类Web开发范式采用HML、CSS、JavaScript三段式开发，适用于简单界面应用，贴近Web开发者习惯。文中还概述了两者的架构和基础能力，帮助开发者选择合适的范式进行高效开发。
215
15
15
|
6月前
|
编解码
前端开发
Java
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发三
本文介绍了基于声明式UI范式的图形绘制与动画效果实现方法，涵盖绘制图形、添加动画效果及常见组件说明三部分内容。在绘制图形部分，详细讲解了如何通过Circle组件为食物成分表添加圆形标签，以及使用Path组件结合SVG命令绘制自定义图形（如应用Logo）。动画效果部分则展示了如何利用animateTo实现闪屏动画，包括渐出、放大效果，并设置页面跳转；同时介绍了页面间共享元素转场动画的实现方式。最后，文章列举了声明式开发范式中的各类组件及其功能，帮助开发者快速上手构建复杂交互页面。
240
11
11
热门文章
最新文章
1
告别脆弱：构建稳定UI自动化测试的3个核心策略
2
Java最新图形化界面开发技术——JavaFx教程（含UI控件用法介绍、属性绑定、事件监听、FXML）
3
超大坑！springboot + vue + element-ui，运行前端项目报these dependencies were not found的问题
4
面向未来的Web Components UI组件库
5
推荐2款开源、美观的WinForm UI控件库
6
Linux——怎样使用SSH服务实现远程UI界面本地显示
7
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
8
Vue3 element-ui el-upload(上传组件) 上传图片后，隐藏上传按钮
9
免费资源：Polaris UI套件 + Linecons图标集(AI, PDF, PNG, PSD, SVG)
10
Android Material UI控件之MaterialButton
1
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发四
231
2
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发之常见布局
318
3
UI自动化测试中的元素等待机制解析
188
4
48.[HarmonyOS NEXT RelativeContainer案例五] 精确表单布局：辅助线定位技术打造专业级UI
145
5
44.[HarmonyOS NEXT RelativeContainer案例一] 掌握组件锚点布局：打造灵活精准的UI定位系统
190
6
09.HarmonyOS Next数据驱动UI开发：ForEach与动态渲染完全指南(上)
159
7
06.HarmonyOS Next UI进阶：Text组件与视觉样式完全指南
276
8
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发三
240
9
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发二
243
10
【HarmonyOS Next之旅】基于ArkTS开发(二) -＞ UI开发一
215