請教 v-for 大資料處理方式與vue-virtual-scroller不支援裡面物件是position absolute
发布于 12 天前 作者 clubadmin 146 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

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

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

GitHub

Akryum/vue-virtual-scroller

⚡️ Blazing fast scrolling for any amount of data. Contribute to Akryum/vue-virtual-scroller development by creating an account on GitHub.

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

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

1 回复

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

回到顶部