el-tree获取选中的数据

el-tree 是一个基于 Element UI 的树形组件，可以通过监听 `node-click` 或 `check-change` 事件来获取选中的数据。

如果是单选的树形组件，可以通过 `node-click` 监听节点点击事件，获取当前点击的节点数据，例如：

<template>
  <el-tree :data="data" @node-click="handleNodeClick"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '一级 1',
          children: [
            {
              label: '二级 1-1'
            }
          ]
        },
        {
          label: '一级 2',
          children: [
            {
              label: '二级 2-1'
            }
          ]
        }
      ]
    }
  },
  methods: {
    handleNodeClick(data) {
      console.log(data) // 当前点击的节点数据
    }
  }
}
</script>

如果是多选的树形组件，可以通过 `check-change` 监听节点选中状态变化事件，获取当前选中的节点数据，例如：

<template>
  <el-tree :data="data" show-checkbox @check-change="handleCheckChange"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '一级 1',
          children: [
            {
              label: '二级 1-1'
            }
          ]
        },
        {
          label: '一级 2',
          children: [
            {
              label: '二级 2-1'
            }
          ]
        }
      ]
    }
  },
  methods: {
    handleCheckChange(data, checked, indeterminate) {
      console.log(data) // 当前选中的节点数据
    }
  }
}
</script>

需要注意的是，如果树形组件的节点是异步加载的，需要在获取选中数据时先判断节点是否已经加载完成，否则可能会导致节点数据不完整或者获取不到。