vue怎么实现 element树形控件 有两接口 怎么展示在页面上 第一个接口是 父级 第二个接口展示的 子级 子级 怎么显示它children里面的某一个值

要实现 Element 树形控件，你需要使用 Element UI 提供的 `el-tree` 组件。首先，你需要通过第一个接口获取到所有的树形数据，然后将它们转换成 `el-tree` 所需要的格式。

在 `el-tree` 中，每个节点都需要包含 `label` 和 `children` 两个属性。根据你的描述，第一个接口返回的数据应该是一个数组，每个元素包含一个父级节点和它的所有子级节点。你可以通过遍历这个数组，将每个父级节点转换成 `el-tree` 的根节点，然后将它的所有子级节点转换成 `el-tree` 的子节点。

对于第二个接口展示的子级，你可以利用 `render-content` 属性来自定义节点的内容。在自定义节点内容的函数中，你可以访问到当前节点的所有数据，包括它的 `children` 数组。你可以通过遍历它的 `children` 数组，找到你需要显示的值，并将它插入到节点中。

以下是一个简单的示例代码，假设第一个接口返回的数据格式为：

[
  {
    id: 1,
    label: '父节点 1',
    children: [
      {
        id: 11,
        label: '子节点 1-1',
        value: 'value1',
        children: []
      },
      {
        id: 12,
        label: '子节点 1-2',
        value: 'value2',
        children: []
      }
    ]
  },
  {
    id: 2,
    label: '父节点 2',
    children: [
      {
        id: 21,
        label: '子节点 2-1',
        value: 'value3',
        children: []
      },
      {
        id: 22,
        label: '子节点 2-2',
        value: 'value4',
        children: []
      }
    ]
  }
]

你可以使用以下代码将它们转换成 `el-tree` 所需要的格式：

function convert(data) {
  return data.map(item => {
    const node = {
      label: item.label,
      children: convert(item.children)
    }
    // 如果子节点有值属性，可以在这里加入自定义内容
    if (item.value) {
      node.renderContent = (h, { node }) => {
        const child = node.data.children.find(item => item.value === item.value)
        return h('span', child.value)
      }
    }
    return node
  })
}
const treeData = convert(data)

最后，你可以在模板中使用 `el-tree` 组件来展示树形结构：

<template>
  <el-tree :data="treeData"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: []
    }
  },
  mounted() {
    // 获取树形数据，并将它们转换成 el-tree 所需要的格式
    const data = fetchData()
    this.treeData = convert(data)
  }
}
</script>