jstree处理节点大量数据性能处理

前言：使用jstree插件写了一棵树，由于我是点击节点请求一个节点数据，并渲染树的方式（也就是懒加载叶子节点）

但是当一个节点下有10000个子节点，节点半天打不开，用户体验不好于是我的处理方式就是个坑

this.$nextTick(()=>{
    $('jstree').jstree({
      'core':{
        'data':function(obj,callBack) {
          let url = 'xxxx' 
          let organId = obj.id 
          url += '&organ_id=' + organId
          $.ajax({
            'dataType':'json',
            'url':url,
            success:function (data) {
              if(data.data) {
                let count = 0
                let bb = []
                if(data.length < 500) {
                  callBack.call(this,data.data)
                } else {
                  this.timer = setInterval(function () {
                    let aa = data.data.slice(count*500,(count + 1) * 500)
                    bb.push(...aa)
                    if (aa.length >= 500) {
                      count += 1
                      callBack.call(this, bb)
                    } else {
                      clearInterval(this.timer)
                      callBack.call(this, bb)
                    }
                  }, 100)
                }
              }
            }
          })
        }
      }
    })
  })

这样处理：页面出来的特别快（测过2万条）但是切换到其它页面，页面加载卡顿，操作卡顿，打开控制台发现资源加载信息不停的输出

为了解决这个问题，我在destoryed中将定时器销毁，切换页面后，加载和操作卡顿的问题就解决了

可是上面的处理方式就是糊弄鬼呢！！！！五百条数据异步一次把之前渲染的数据还要渲染一遍（只是页面快速出现，等待时间缩短而已，实际性能肯定降低了）

为了解决以上问题我在这篇博客里找到了方法：https://blog.youkuaiyun.com/qq_38848210/article/details/109311543

我将里面的方法稍稍改动了一丢丢以下请看：

步骤一：jstree在open_node时调用draw_children来绘制子节点

<