AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

el-transfer 数据量过大加载慢卡顿解决办法：el-transfer虚拟滚动懒加载的实现

2023-11-01 598
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： el-transfer 数据量过大加载慢卡顿解决办法：el-transfer虚拟滚动懒加载的实现

参考链接

1）https://github.com/GreenHandLittleWhite/blog/issues/15

2）https://github.com/GreenHandLittleWhite/blog/tree/master/el-virtual-transfer

3）https://github.com/raintoway/element/tree/sum

其他可参考项

1）Element-UI的transfer穿梭框组件数据量大解决方案

2）https://github.com/ElemeFE/element/pull/20282

3）https://github.com/ElemeFE/element/issues/2028

4）vue-element-bigdata-table

注：此参考方案亲测为前端优化，同时也要解决数据源数据的获取问题

后端上：根据Key的查找Dictionary、HashTable的效率是高于 List 的， 但是遍历的话则List效率更好。

以上就是el-transfer 数据量过大加载慢卡顿解决办法：el-transfer虚拟滚动懒加载的实现的介绍，做此记录，如有帮助，欢迎点赞关注收藏！

文章标签：
前端开发
GoodTime
目录
相关文章
timfan
|
API
Element UI Loading 加载组件动态变更 text 值（加载文案）
有这样的一个需求，我在上传文件的时候，上传阶段耗时较长，所以利用加载动画作为友好提示用户等待。
timfan
1274 0
Element UI Loading 加载组件动态变更 text 值（加载文案）
Lux_Sun
Element UI - el-table 渲染慢，卡的原因
Element UI - el-table 渲染慢，卡的原因
Lux_Sun
2531 0
mao29955
|
2月前
|
缓存 JavaScript
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
mao29955
450 1
朝阳39
|
4月前
vue3 在 watchEffect 里中断未完成的 axios 请求（只保留最后一次请求的方法---连续点击查询按钮的优化）
vue3 在 watchEffect 里中断未完成的 axios 请求（只保留最后一次请求的方法---连续点击查询按钮的优化）
朝阳39
108 0
朝阳39
|
4月前
|
缓存 JavaScript
vue 页面缓存 keep-alive（含配置清除页面缓存 exclude，局部缓存，动态缓存，路由控制缓存 $route.meta.keepAlive）
vue 页面缓存 keep-alive（含配置清除页面缓存 exclude，局部缓存，动态缓存，路由控制缓存 $route.meta.keepAlive）
朝阳39
471 0
秋叶原的琴音
|
缓存 JavaScript
vue中页面缓存keep-alive控制缓存清除
vue中页面缓存keep-alive控制缓存清除
秋叶原的琴音
129 0
Mr.Meng_95
|
JavaScript
vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
Mr.Meng_95
114 2
n2t3mdveprf54
|
JavaScript UED
解决 Element-ui中 选择器（Select）因options 数据量大导致渲染慢、页面卡顿的问题
解决 Element-ui中 选择器（Select）因options 数据量大导致渲染慢、页面卡顿的问题
n2t3mdveprf54
3622 0
解决 Element-ui中 选择器（Select）因options 数据量大导致渲染慢、页面卡顿的问题
光影少年
|
JavaScript
动态给vue的data添加一个新的属性时会发生什么？怎样解决？
动态给vue的data添加一个新的属性时会发生什么？怎样解决？
光影少年
189 1
Mr.Meng_95
|
JavaScript
el-tree懒加载回显数据
el-tree懒加载回显数据
Mr.Meng_95
359 0