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 /> 組件。
經過
如何實現
后續補上實現思路。