解决el-table树形数据量过大，导致卡顿问题

原因分析

el-table树状表格，当层级和数据过多时，点击展开和折叠会出现卡顿。其实这是因为当层级和数据过多时，会导致dom元素渲染过多，从而导致卡顿。

el-table一次性加载所有数据的时候，折叠的元素都已经加载了，只是样式为dispaly：none；

在点击展开的时候，改变display样式，因为元素位置变化，页面发生回流，且元素多，所以开销大。

所以采取懒加载的方式，将数据 一层层加上去。可以在点击展开的时候像后端请求，也可以从备份的全量数据里面找到对应层级。

但是这种处理方式也会在展开过多时慢慢变得卡顿，所以需要提供一个逻辑，使得用户可以一键回到第一层，且卸载所有子节点。

解决代码

初始化表格代码：

this.tableDataCopy = res.resultValue || [] // 备份的全量数据
this.unload()


unload () {
   
 this.showTable = false
  // eslint-disable-next-line
  this.$nextTick(() => {
   
    this