vue2 el-tree复选框是否打钩状态_el-tree 长列表太卡的问题

关于vue2 el-tree复选框是否打钩状态的问题，可以通过绑定节点的`checked`属性来控制复选框的状态。例如：

<el-tree :data="data" :props="defaultProps" @check="handleCheck"></el-tree>

data() {
  return {
    data: [{
      id: 1,
      label: '一级 1',
      children: [{
        id: 11,
        label: '二级 1-1',
        children: [{
          id: 111,
          label: '三级 1-1-1'
        }]
      }]
    }],
    defaultProps: {
      children: 'children',
      label: 'label',
      checked: 'checked'
    }
  };
},
methods: {
  handleCheck(node, checked, childNodeList) {
    // 处理节点的 checked 属性
    node.checked = checked;
    // 处理子节点的 checked 属性
    if (childNodeList) {
      childNodeList.forEach(childNode => {
        childNode.checked = checked;
      });
    }
  }
}

关于el-tree长列表太卡的问题，可以尝试以下优化措施：

1. 使用虚拟滚动：可以通过设置`el-tree`的`renderAfterExpand`和`lazy`属性来实现虚拟滚动，只渲染可见区域的节点，减少渲染时间和内存占用。

2. 异步加载数据：可以将数据分批加载，只加载当前展开的节点和其子节点，不展开的节点暂不加载。

3. 缓存数据：可以将已经加载的节点数据缓存起来，避免重复请求数据。

4. 减少节点渲染：可以通过设置`el-tree`的`lazy`属性和`node-key`属性，只渲染可见区域的节点和其子节点，减少节点渲染时间和内存占用。

5. 使用`keep-alive`缓存组件：可以将`el-tree`组件使用`keep-alive`缓存起来，避免频繁创建和销毁组件，提高性能。