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

Question

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

Answer 1

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