ts+element-plus 树形控件传输时只传叶子节点

好的，关于你的问题，我可以给你一些代码实现的思路。

首先，你可以在树形控件的节点模板中添加一个复选框或者单选框，比如下面的代码：

<template #default="{ node, data }">
  <el-checkbox v-if="node.isLeaf" v-model="data.checked">{{ data.label }}</el-checkbox>
  <span v-else>{{ data.label }}</span>
</template>

这里的 `node.isLeaf` 可以用来判断节点是否为叶子节点。

接着，在组件中定义一个数组来保存所有选中的叶子节点的数据，比如下面的代码：

export default defineComponent({
  setup() {
    const checkedLeafNodes = ref<any[]>([]);

    return {
      checkedLeafNodes,
    };
  },
});

然后，在树形控件的 `node-click` 事件中，判断当前点击的节点是否为叶子节点，并且是否选中，如果是，则将该节点的数据保存到数组中，比如下面的代码：

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

<script lang="ts">
import { defineComponent, ref } from 'vue';

export default defineComponent({
  setup() {
    const checkedLeafNodes = ref<any[]>([]);

    function handleNodeClick(data: any, node: any) {
      if (node.isLeaf && data.checked) {
        checkedLeafNodes.value.push(data);
      }
    }

    return {
      checkedLeafNodes,
      handleNodeClick,
    };
  },
});
</script>

最后，在需要传输数据的时候，只需要将保存了所有选中的叶子节点的数组传输给后端即可，比如下面的代码：

function handleSubmit() {
  const leafNodeData = checkedLeafNodes.value.map((node) => {
    return {
      id: node.id,
      label: node.label,
      // 其他数据
    };
  });

  // 将 leafNodeData 传输给后端
}

希望以上代码实现的思路能够对你有所帮助。如果你有其他问题，可以继续问我。