請教 v-for 大資料處理方式與vue-virtual-scroller不支援裡面物件是position absolute

想請教一下
我現在使用API call 回來大約 1500筆資料 我用v-for渲染他 這些都還好
但是當我將新資料插入刪除修改時 滾動會出現明顯卡頓
我無法使用Object.freeze優化因為我需要使用v-model修改1500筆內的資料

上網查Vue作者是說大資料v-for處理請使用以下github


所以我開始嘗試使用virtual-scroller的技術去解決這問題 只渲染出現在螢幕的DOM

但網上提供的virtual scroller都不支援裡面物件是position absolute 看了源碼大部分都是使用flex配transform去實作
所以我開始寫自己的virtual-scroller有厲害的程序員有建議或著範例code可以提供嗎?
目前是先參考上面github的來試寫看看

前些日子 已將此功能完成
需要重新將Akryum/vue-virtual-scroller寫的RecycleScroller.vue寫成自己需要的模式就好

1 Like