elementUI实现el-tree默认选中第一个：

在Element UI中，可以通过default-expanded-keys和default-checked-keys属性来设置el-tree组件默认勾选的节点。以下是一个简单的例子，展示如何实现：

<template>
  <el-tree
    :data="treeData"
    show-checkbox
    :default-expanded-keys="defaultExpandedKeys"
    :default-checked-keys="defaultCheckedKeys"
    node-key="id"
    ref="tree"
  ></el-tree>
</template>
 
<script>
export default {
  data() {
    return {
      treeData: [
        { id: 1, label: 'Node1', children: [{ id: 2, label: 'Child1' }] },
        { id: 3, label: 'Node2', children: [{ id: 4, label: 'Child2' }] }
      ],
      defaultExpandedKeys: [1],
      defaultCheckedKeys: [1]
    };
  }
};
</script>

在这个例子中，treeData定义了树的结构，defaultExpandedKeys设置了默认展开的节点，defaultCheckedKeys设置了默认勾选的节点。node-key属性用来指定每个树节点的唯一标识，通常是节点的id。

请注意，default-expanded-keys和default-checked-keys接受的是节点id的数组。如果你的节点结构中包含了不同的字段来标识唯一性，请确保使用正确的字段。