el-tree筛选 id相同的节点

`el-tree`是Element UI库中的一个组件，它是一个树形结构的数据展示组件，常用于组织数据并提供导航。如果你想在`el-tree`中筛选出id相同的节点，你可以通过组件提供的API或者事件处理函数来实现。以下是一个基本步骤：

1. **监听节点的`expand-change`或`node-click`等事件**：当用户点击或展开某个节点时，你会接收到这个节点的信息。

<template>
  <el-tree ref="treeRef" :data="treeData" @node-click="handleNodeClick" />
</template>

<script>
export default {
  methods: {
    handleNodeClick(node) {
      if (node.data.id === yourTargetId) { // 比较节点的id是否为目标id
        console.log('Found node with ID:', node.data.id);
        // 这里可以进一步操作，比如高亮显示、选中或从原数据中过滤出所有匹配的节点
      }
    },
  },
  data() {
    return {
      treeData: [...], // 树状数据数组
      yourTargetId: 'yourDesiredNodeId', // 目标节点的id
    };
  },
};
</script>

2. **数据过滤**：如果你需要实时筛选出所有的id相同的节点，可以在数据渲染之前做一次过滤。

<template>
  <el-tree ref="treeRef" :data="filteredTreeData" />
</template>

<script>
export default {
  computed: {
    filteredTreeData() {
      return this.treeData.filter(node => node.data.id === this.yourTargetId);
    },
  },
};
</script>

这样，当你设置的`yourTargetId`发生变化时，`filteredTreeData`会自动更新为只包含那个id的节点。