<el-tree :data="list" :props="defaultProps" @node-click="handleNodeClick"/>我怎么默认展开第一个节点

在Vue中，如果你想通过`<el-tree>`组件默认展开列表的第一个节点，你需要先确保`list`数组的第一个元素具有`children`属性，并且你还需要定义一个名为`defaultProps`的对象，其中包含用于指定展开、折叠节点的属性名称，通常是`default-expand-all`（如果想默认展开所有节点）或者`default-checked-keys`（如果想默认选中某些节点）。

假设你的`list`数组像下面这样，每个节点都有`key`和`children`属性：

// 假设 list 数据
list = [
  {
    key: "1",
    label: "根节点",
    children: [ /* 子节点 */ ]
  },
  // 其他节点...
]

在你的组件里，可以这样做：

data() {
  return {
    defaultProps: {
      defaultExpandAll: false, // 或者你想只展开第一个节点，改为 defaultCheckedKeys: ["1"]
    },
    // 初始化时默认展开第一个节点
    defaultExpandedKeys: ["1"]
  };
},
methods: {
  handleNodeClick(node) {
    console.log('点击了节点', node);
  }
}

当你在`<el-tree>`标签内使用这些数据时，第一个节点将会默认展开：

<el-tree :data="list" :props="defaultProps" @node-click="handleNodeClick" :default-expanded-keys="defaultExpandedKeys">
  <!-- 树节点配置 -->
</el-tree>