使用vue3的代码告诉我，如何在点击按钮后，重新触发懒加载树形控件的数据

在 Vue 3 中，如果你有一个使用 Element Plus 的懒加载树形控件并且想要在点击按钮后重新触发数据加载，你可以通过修改数据源的方式来进行。假设你已经将树节点的数据存储在一个名为 `loadedNodes` 或者类似名称的数组中，并且每个节点都有一个 `loading` 标志表示是否正在加载。以下是基本的步骤：

1. 首先，确保你在按钮的点击事件处理器中，找到了对应的节点ID，然后将其父节点ID传递给加载方法。

<button @click="reloadParentNodes">加载更多</button>
<el-tree ref="treeRef" :data="loadedNodes" :load="loadNode" />

// 在你的组件中
const treeRef = ref(null);

methods: {
  reloadParentNodes(nodeId) {
    if (treeRef.value) {
      const node = this.loadedNodes.find((item) => item.id === nodeId);
      if (node) {
        this.loadNode(node.parentId); // 重新加载父节点的数据
      }
    }
  },
  
  // 省略其他方法，如 loadNode 和 getLazyTreeNodeById 等

  async loadNode(parentId) {
    const loadChildren = await yourRemoteServiceLoadChildren(parentId); // 这里模拟远程加载，实际上是异步获取数据
    this.updateParentData(parentId, loadChildren);
  },
  // ...其他方法省略
}

2. 更新数据部分 (`updateParentData` 函数)，当你从服务器获取到新的子节点数据后，更新父节点的数据，并更新 `loadedNodes`：

updateParentData(parentId, newChildren) {
  const parentNode = this.loadedNodes.find((item) => item.id === parentId);
  if (parentNode) {
    parentNode.children = newChildren;
    this.loadedNodes = this.loadedNodes.map(node =>
      node.id !== parentId ? node : { ...node, children: newChildren }
    );
  }
},

这样，每次点击“加载更多”按钮时，对应的父节点及其子节点就会重新加载。