使用 Vue.js 实现 TableTree 树形表格和 VirtualList 虚拟滚动列表


Vue.js 实现虚拟滚动列表

起因

在之前公司的 2B 业务场景中,出现了 big list data 的场景。

  • 若使用 element-ui <Table /> 组件,至多上百条,就变得有些卡顿。
  • 业务中还出现了单列中即存在 <table-column type="select" /><table-column type="expandable">,即一个节点的数据 如果存在 node.children.length 则渲染 <ExpandableTable /> 否则渲染 <Select />

因此,最终需要自己实现。但是由于当时时间因素,我先实现了 <Table-Tree /> 组件,后实现了 <Virtual-List /> 组件。

经过

如何实现

后续补上实现思路。

组件


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM