iview中table组件在加载到几百条数据时导致页面卡顿 加载到1000条导致页面卡死

Question

iview中table组件在加载到几百条数据时导致页面卡顿 加载到1000条导致页面卡死，也使用了分页操作，只是想在每一页中可以展示更多的数据，有没有什么解决的办法，或者有好的table组件进行推荐

Answer 1

因为iview的表格是全量渲染的，而且表格组件比较复杂，所以在渲染的时候回卡顿，推荐你看一下vue-bigdata-table组件，github搜下，这是我写的，用了虚拟渲染技术，看到多少数据渲染多少，看不到的不渲染，这样，渲染10万条实际上也就渲染几十条

Answer 2

table表格（列）动态生成，各种操作后会卡顿，操作后对table所在组件进行重新渲染，点击排序时也会卡顿，处理为以下，不卡顿了，不明白原理。。。
this.columns.forEach(item=>{
item.render=(h, params) => {

//console.log(params,'yayayyay')

return h('div',[

  h('span', {
    on: {
      click: () => {
        console.log(params,'点击列')
      }
    }
  }, params.row[item.key]),
])

}
})

Answer 3

推荐你使用umy-uihttps://www.umyui.com/