vue中使用el-tree默认展开第一个节点

在Vue中使用Element UI的`el-tree`组件，默认展开第一个节点通常可以通过设置`default-expand-all`属性来实现。这个属性是一个布尔值，当它为`true`时，会在初始化时将所有的叶子节点都展开。

例如，在你的`<el-tree>`标签内添加这个属性：

<el-tree
  :data="treeData"
  :default-expand-all="true"
  @node-click="handleNodeClick"
></el-tree>

在这里，`treeData`应该是你的树结构数据，`handleNodeClick`是一个事件处理器，用于处理节点点击操作。

如果你只想让第一个层级的第一个节点展开，你可以通过计算属性或逻辑判断来动态设置这个属性。比如在`data()`函数中：

data() {
  return {
    treeData,
    defaultExpandedNode: this.treeData.find(node => node.level === 0 && !node.children.length)
  };
},
methods: {
  handleNodeClick(node) {
    //...
  }
}

然后在模板里使用`v-if`或`v-show`来控制`default-expand-all`：

<el-tree
  :data="treeData"
  :default-expand-all="!!defaultExpandedNode"
  @node-click="handleNodeClick"
></el-tree>