el-tree-select 懒加载回显

`el-tree-select` 是 Element UI 中的一个组件，它是一个树状的选择控件，支持懒加载功能，即当用户滚动到某个节点所在区域时，才向服务器请求数据并动态加载更多的选项。

关于回显（也称为预选值），当你需要在页面初始加载时就展示一些已选择的节点，特别是当它们的数据是通过懒加载获取的时候，可以采用以下步骤：

1. **设置默认值**：在 `el-tree-select` 的 `props` 中，使用 `default-values` 或者 `placeholder` 属性来设置默认的选项，如果这个选项不在懒加载的数据列表里，就需要预先提供完整节点数据。

<el-tree :data="lazyData" :default-expand-all="true" :default-checked-keys="defaultCheckedKeys">
...
</el-tree>

2. **处理初始化数据**：在数据加载完成后，检查用户是否已经选择了某项，并将其对应的完整节点数据添加到 `lazyData` 中，以便回显。例如，假设有一个 `options` 数组存储所有懒加载的节点数据：

async init() {
  const loadedData = await this.fetchLazyData(); // 获取完整的懒加载数据
  this.lazyData = loadedData;
  
  // 如果有预选值，找到对应的完整节点数据
  if (this.defaultCheckedKeys) {
    this.defaultCheckedKeys.forEach(key => {
      const option = this.options.find(option => option.id === key);
      if (option) {
        this.setNodeData(option); // 设置对应节点数据
      }
    });
  }
}

3. **设置节点数据**：`setNodeData` 函数用于将 `options` 中的节点合并到 `lazyData` 中，以便正确显示和管理回显的节点状态。

setNodeData(option) {
  const node = this.lazyData.find(node => node.id === option.id);
  if (node) {
    // 更新节点的其他属性如 label、children 等
    node.label = option.label;
    node.children = option.children || [];
  } else {
    // 如果节点不存在，直接添加到 lazyData
    this.lazyData.push(option);
  }
}