el-tree默认选中第一个

在el-tree组件中，可以通过设置default-expanded-keys属性来设置默认展开的节点，但是默认选中第一个节点的功能不是内置的，需要通过监听节点的展开事件来实现。

以下是一个示例代码，实现了默认选中第一个节点的功能：

<template>
  <el-tree :data="treeData" :default-expanded-keys="expandedKeys" ref="tree" @node-expand="handleNodeExpand"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: 'Node 1',
          children: [
            {
              label: 'Node 1-1'
            },
            {
              label: 'Node 1-2'
            }
          ]
        },
        {
          label: 'Node 2',
          children: [
            {
              label: 'Node 2-1'
            },
            {
              label: 'Node 2-2'
            }
          ]
        }
      ],
      expandedKeys: []
    }
  },
  mounted() {
    // 默认选中第一个节点
    this.$refs.tree.setCurrentKey(this.treeData[0].id);
  },
  methods: {
    handleNodeExpand(node) {
      // 将展开的节点添加到expandedKeys中
      this.expandedKeys.push(node.id);
    }
  }
}
</script>

在mounted钩子函数中，调用setCurrentKey方法设置当前选中的节点为treeData中的第一个节点。在handleNodeExpand方法中，将展开的节点添加到expandedKeys数组中，以便下次重新渲染时能够保持节点的展开状态。