el-tree 无限滚动
时间: 2023-08-09 11:08:05 浏览: 838
el-tree组件本身是不支持无限滚动的,但可以通过引入其他库来实现el-tree的无限滚动功能。其中一个常用的库是vue-easy-tree,它兼容element-ui中的el-tree方法,并且在使用虚拟滚动时也可以继续使用el-tree的方法。你可以通过npm安装@wchbrad/vue-easy-tree来使用这个库\[1\]。另外,还有一个库叫做vue-virtual-scroll-list,它是一个实现虚拟滚动列表的方案。在el-tree中引入vue-virtual-scroll-list,当设置了height时,就可以启用虚拟滚动,并将数据和tree模板放进去\[2\]。此外,还有一个库叫做@femessage element-ui,它在element-ui的基础上丰富了一些功能,其中包括el-tree的虚拟滚动树。你可以在这个库的文档中找到更多关于el-tree虚拟滚动树的信息\[3\]。
#### 引用[.reference_title]
- *1* [Vue + element-ui el-tree 虚拟滚动](https://blog.csdn.net/p_5050/article/details/124445968)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el-tree渲染大量数据的解决方案(不通过懒加载)](https://blog.csdn.net/web22050702/article/details/126115200)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文