vue elementui 中 子组件内table数据过多卡顿

Question

如上所示，现在在后台获取数据2000条左右，如果table直接在页面放置没什么问题，但是如果将table放到子组件里面，那么在父组件内引入带有2000条数据table的子组件，页面会非常卡顿，请教大神们有什么好思路吗？

Answer 1

子组件接收到2000条数据后，自己写个静态的分页，让表格一次渲染一部分。
或者要2000条全部渲染的话，就把数据分成几次渲染，比如一次渲染500条，没试过，就是一个思路哈。

Answer 2

可以从两个方面优化
1，服务端接口方面，剔除不需要的接口字段，保留需要的渲染。
2，页面渲染数据分页加载用element-ui自带的分页组件，加载过程中用v-loading做个loading效果,减少用户等待中的空白卡顿

Answer 3

https://github.com/livelyPeng... 完美解决万级数据渲染卡顿问题，流畅渲染万级数据并不会影响到element el-table的原有功能