使用 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 />
组件。
经过
如何实现
后续补上实现思路。