使用 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 /> 组件。

经过

如何实现

后续补上实现思路。

组件

• github: Table-Tree
• github: Virtual-List

转载于:https://www.cnblogs.com/givingwu/p/10351887.html