【ElementUI 表格 性能优化】table页面加载慢、渲染卡顿问题(分析说明)
element 表格性能优化(提升页面加载速度)
关于element表格组件的加载、渲染原理:
- element表格组件渲染
加载慢 · 原因分析统计:(含优化建议)
- 通用工具栏组件的定义及影响:例如项目内某个单页面应用内除了使用了table组件,还定义了通用的其他工具栏组件(下拉框组件、单选框、复选框组件,等等);
是否渲染了工具栏组件(下拉框组件、单选框、复选框组件,等等)el-select
、el-option
组件导致的渲染慢、卡顿问题:间接性解决办法 el-table
的每一列是否重复循环使用el-select
、el-option
等组件
如:table里面有一列为选择器,循环之后,等同于批量重复渲染,会导致加载慢和渲染卡顿问题- 页面初始化加载的时候:是否同时调用了多个API接口用于页面返回值渲染;
- tabl