情況說明:數(shù)據(jù)量大,前端頁面一次性渲染,出現(xiàn)卡頓和等待。
解決方法:
1.分頁加載。
2.使用requestAnimationFrame方法,或者setTimeout方法,循環(huán)多次每次少量加載數(shù)據(jù)。
3.使用虛擬滾動。借助虛擬滾動組件:vue-virtual-scroller。
具體操作步驟,參考:https://www.npmjs.com/package/vue-virtual-scroller
情況說明:數(shù)據(jù)量大,前端頁面一次性渲染,出現(xiàn)卡頓和等待。
解決方法:
1.分頁加載。
2.使用requestAnimationFrame方法,或者setTimeout方法,循環(huán)多次每次少量加載數(shù)據(jù)。
3.使用虛擬滾動。借助虛擬滾動組件:vue-virtual-scroller。
具體操作步驟,參考:https://www.npmjs.com/package/vue-virtual-scroller