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

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

2023-11-01 649
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
1358 0
Element UI Loading 加载组件动态变更 text 值（加载文案）
朝阳39
|
6月前
vue3 在 watchEffect 里中断未完成的 axios 请求（只保留最后一次请求的方法---连续点击查询按钮的优化）
vue3 在 watchEffect 里中断未完成的 axios 请求（只保留最后一次请求的方法---连续点击查询按钮的优化）
朝阳39
147 0
G佳伟
|
6月前
【el-cascader-plus亲测有限】el-cascader级联选择器懒加载+多选功能回显失败解决方案
【el-cascader-plus亲测有限】el-cascader级联选择器懒加载+多选功能回显失败解决方案
G佳伟
309 0
朝阳39
|
6月前
|
缓存 JavaScript
vue 页面缓存 keep-alive（含配置清除页面缓存 exclude，局部缓存，动态缓存，路由控制缓存 $route.meta.keepAlive）
vue 页面缓存 keep-alive（含配置清除页面缓存 exclude，局部缓存，动态缓存，路由控制缓存 $route.meta.keepAlive）
朝阳39
659 0
Mr.Meng_95
|
JavaScript
vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
vue项目在点击重复路由时报错(NavigationDuplicated: Avoided redundant navigation to current location)
Mr.Meng_95
131 2
光影少年
|
JavaScript
动态给vue的data添加一个新的属性时会发生什么？怎样解决？
动态给vue的data添加一个新的属性时会发生什么？怎样解决？
光影少年
200 1
兜里只有三分钱~
element中的el-select中多选回显数据后没法重新选择和更改
element中的el-select中多选回显数据后没法重新选择和更改
兜里只有三分钱~
255 0
Mr.Meng_95
|
JavaScript
el-tree懒加载回显数据
el-tree懒加载回显数据
Mr.Meng_95
406 0
凯小默
|
JavaScript UED
vue里使用虚拟列表处理element-ui的el-select选择器组件数据量大时卡顿问题
vue里使用虚拟列表处理element-ui的el-select选择器组件数据量大时卡顿问题
凯小默
571 0
vue里使用虚拟列表处理element-ui的el-select选择器组件数据量大时卡顿问题
时间不会赖着不走
|
JavaScript
vue的slot-scope显示后端传来的数据
vue的slot-scope显示后端传来的数据
时间不会赖着不走
112 0