情况说明:数据量大,前端页面一次性渲染,出现卡顿和等待。
解决方法:
1.分页加载。
2.使用requestAnimationFrame方法,或者setTimeout方法,循环多次每次少量加载数据。
3.使用虚拟滚动。借助虚拟滚动组件:vue-virtual-scroller。
具体操作步骤,参考:https://www.npmjs.com/package/vue-virtual-scroller
情况说明:数据量大,前端页面一次性渲染,出现卡顿和等待。
解决方法:
1.分页加载。
2.使用requestAnimationFrame方法,或者setTimeout方法,循环多次每次少量加载数据。
3.使用虚拟滚动。借助虚拟滚动组件:vue-virtual-scroller。
具体操作步骤,参考:https://www.npmjs.com/package/vue-virtual-scroller