vue3项目设置default-expand-all 无法动态的让el-tree组件展开收起

在 Vue3 中，`vue-element-admin` 或者 `Element UI` 的 `el-tree` 组件默认可能会有一个名为 `default-expand-all` 的属性，它用于控制树形结构是否在加载时自动展开所有节点。如果你想实现动态地切换展开或收起状态，而不是静态的全局设置，你可以通过监听特定事件或者在数据上做处理。

例如，你可以这样做：

1. 首先，在你的数据模型（通常是 `treeData`）里维护每个节点的展开状态，可以是一个布尔值表示是否展开。

data() {
  return {
    treeData: [
      { ...,
        expanded: true // 初始化状态
      },
      ...
    ]
  }
}

2. 当你需要展开或收起某个节点时，更新对应的 `expanded` 属性：

methods: {
  toggleNode(node) {
    node.expanded = !node.expanded;
    // 如果你想同时更新视图，可以手动触发树节点的更新方法，如：
    this.$refs.treeRef.update();
  }
}

3. 在模板中绑定节点的展开状态：

<el-tree :data="treeData" ref="treeRef" @node-click="toggleNode">
  <!-- ... -->
</el-tree>

4. 然后在需要的地方调用 `toggleNode` 方法，比如点击事件中。