vue3 el-tree 获取选中节点id

在Vue3中，`el-tree` 是 Element UI 提供的一个树形组件，用于展示数据结构并支持节点选择。如果你想获取选中的节点ID，你可以通过监听 `@selection-change` 或者 `@node-click` 等事件来获取。

下面是一个简单的例子：

<template>
  <el-tree
    :data="treeData"
    ref="treeRef"
    @selection-change="handleSelectionChange"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [], // 树状数据
      selectedIds: [] // 存放选中节点的ID
    };
  },
  methods: {
    handleSelectionChange(selectedNodes) {
      this.selectedIds = selectedNodes.map(node => node.id); // 当节点选中时更新selectedIds
    }
  }
};
</script>

在这个例子中，当用户选择节点时，`handleSelectionChange` 方法会被触发，它会将 `selectedNodes` 数组中每个节点的 `id` 属性添加到 `selectedIds` 中。