el-tree懒加载，自定义样式

对于 el-tree 的懒加载，你可以使用 el-tree 的 lazy 属性，将其设置为 true，然后在 load 方法中通过异步请求获取子节点的数据。具体步骤如下：

1. 在 el-tree 组件上设置 lazy 属性为 true，表示启用懒加载功能：

<el-tree :lazy="true" :load="loadData" ...></el-tree>

2. 在 data 中定义一个变量，用于存储懒加载的数据：

data() {
  return {
    lazyData: []
  }
}

3. 在 methods 中定义一个 load 方法，用于加载子节点的数据：

methods: {
  loadData(node, resolve) {
    // 发起异步请求获取子节点数据
    // 示例请求地址为 '/api/children'
    axios.get('/api/children', {
      params: {
        nodeId: node.data.id
      }
    }).then(response => {
      // 将获取到的子节点数据存储到 lazyData 变量中
      this.lazyData = response.data;
      // 通过 resolve 方法将子节点数据返回给 el-tree 组件
      resolve(this.lazyData);
    }).catch(error => {
      console.error(error);
    });
  }
}

4. 在 el-tree 组件的 :load 属性中绑定 load 方法：

<el-tree :lazy="true" :load="loadData" ...></el-tree>

至于自定义样式，你可以使用 el-tree 的 node-key 属性为每个节点指定一个唯一的 key 值，然后通过 CSS 选择器选择对应的节点进行样式修改。例如，给节点的文字添加自定义样式，可以通过以下方式实现：

<el-tree :node-key="node => node.id" ...></el-tree>

.el-tree-node__label {
  color: red;
}

这样，el-tree 的节点文字将会显示为红色。你可以根据需要修改 CSS 样式来自定义 el-tree 的外观。