el-transfer 树形结构

El-Transfer 组件默认不支持树形结构，但可以通过自定义数据源和渲染函数来实现树形结构效果。下面是一个简单的示例：

<template>
  <el-transfer
    v-model="value"
    :data="data"
    :titles="['Source', 'Target']"
    :render-format="render"
  />
</template>

<script>
export default {
  data() {
    return {
      value: [],
      data: [
        { id: 1, label: 'Node 1', children: [{ id: 2, label: 'Node 1-1' }] },
        { id: 3, label: 'Node 2', children: [{ id: 4, label: 'Node 2-1' }] },
      ],
    };
  },
  methods: {
    render(item) {
      return item.children ? item.label : `${item.label} (Leaf)`;
    },
  },
};
</script>

在上面的示例中，我们通过设置 `data` 属性来自定义数据源，数据源中包含了树形结构的节点数据。同时，我们通过设置 `render-format` 属性来自定义每个节点的渲染方式，这里如果节点包含子节点，就将节点标记为父节点，否则标记为叶子节点。

需要注意的是，自定义数据源和渲染函数的实现方式可能因具体需求而异，需要根据实际情况进行调整。