vue3 ts elementplus tree封装

好的，我可以帮您解答这个问题。

首先，您需要安装 Element Plus 和 Vue 3 的相关依赖。然后，您可以创建一个 `Tree` 组件，并通过 `props` 接收树形数据源。

以下是一个简单的示例代码：

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

<script lang="ts">
import { defineComponent } from 'vue'
import { ElTree } from 'element-plus'

export default defineComponent({
  name: 'Tree',
  components: {
    ElTree,
  },
  props: {
    treeData: {
      type: Array,
      default: () => [],
    },
  },
  data() {
    return {
      defaultProps: {
        children: 'children',
        label: 'label',
      },
    }
  },
  methods: {
    handleNodeClick(data: any) {
      console.log(data)
    },
  },
})
</script>

在上面的代码中，我们通过 `props` 接收了一个名为 `treeData` 的树形数据源，并将其传递给 `ElTree` 组件。我们还定义了一个名为 `defaultProps` 的对象，用于设置树形节点的默认属性。我们还定义了一个名为 `handleNodeClick` 的方法，用于在单击树形节点时触发。

您可以根据您的实际需求对上面的代码进行修改和扩展。希望这可以帮到您！