tree展开新节点并保持其他节点的状态:

在树形结构中展开新节点并保持其他节点的状态，可以使用以下步骤：

1. 遍历当前节点的所有子节点，将它们的状态全部设置为关闭（未展开状态）。
2. 展开新节点，将它的状态设置为打开（展开状态）。
3. 更新树形结构的状态，将父节点的状态设置为打开（展开状态），如果当前节点已经是根节点，则不需要进行此操作。

通过这种方式，可以保持树形结构中只有一个节点是打开状态，其他节点都是关闭状态，同时展开新节点。

相关问题

el-tree展开固定节点

你可以使用 el-tree 的 expand-on-click 属性来实现展开固定节点的需求。首先，确保你的 el-tree 组件包含了该属性，并将其设置为 true。然后，为你想要展开的节点添加一个 is-current 属性，并将其设置为 true。这样，在点击该节点时，它将保持展开状态。

以下是一个示例代码片段，演示了如何展开固定节点：

<template>
  <el-tree :data="treeData" :expand-on-click="true">
    <span slot-scope="{ node, data }">
      <span v-if="data.is-current">{{ node.label }}</span>
      <span v-else>{{ node.label }}</span>
    </span>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: "节点1",
          children: [
            {
              label: "子节点1",
              is-current: true // 固定节点
            },
            {
              label: "子节点2"
            }
          ]
        },
        {
          label: "节点2",
          children: [
            {
              label: "子节点3"
            },
            {
              label: "子节点4"
            }
          ]
        }
      ]
    };
  }
};
</script>

在上面的示例中，子节点1被设置为 is-current:true，这将使它成为一个固定节点。当你点击该节点时，它将保持展开状态，而其他节点则按照默认行为进行展开或折叠。

希望这能帮到你！如果还有其他问题，请随时提问。

el-tree-v2节点过滤时不改变树的展开状态

在Vue的Element Plus库中的el-tree-v2组件中，当进行节点过滤（filterNode）操作时，如果希望保持节点的原始展开状态，你可以通过在filterNode方法中做一点额外处理。默认情况下，filterNode会根据传入的筛选条件来更新节点的显示状态。

下面是一个示例，展示如何在filterNode回调函数中保存当前节点的状态，然后根据这个状态来控制是否应该展开：

<template>
  <el-tree
    :data="treeData"
    filter-node-method="customFilterNode"
    @node-click="handleNodeClick"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [], // 初始化数据
      nodeExpandedMap: new Map(), // 用于存储每个节点的初始展开状态
    };
  },
  methods: {
    customFilterNode(node) {
      if (!this.filterCondition(node)) { // 过滤条件
        this.nodeExpandedMap.set(node.key, node.expanded); // 存储展开状态
        node.expanded = false; // 隐藏节点
      }
      return this.nodeExpandedMap.has(node.key);
    },
    
    handleNodeClick(node) {
      if (this.nodeExpandedMap.get(node.key)) {
        node.expanded = true; // 展开已隐藏的节点
      } else {
        node.expanded = this.nodeExpandedMap.get(node.key); // 恢复原始展开状态
      }
    },
  },
};
</script>

在这个例子中，`customFilterNode`会在每次过滤前将节点的展开状态保存到`nodeExpandedMap`中，并在过滤后临时隐藏节点。当点击节点时，`handleNodeClick`会恢复之前保存的展开状态。