el-tree-select/el-tree设置只显示两个层级

当使用树形选择时，如何控制显示的层级数？

<template>
  <el-tree
    style="max-width: 600px"
    :data="data"
  />
</template>

<script lang="ts" setup>


const data = [
  {
    label: 'A',
    children: [
      {
        label: 'A-1',
        children: [
          {
            label: 'A-1-1',
          },
        ],
      },
    ],
  },
  {
    label: 'B',
    children: [
      {
        label: 'B-1',
        children: [
          {
            label: 'B-1-1',
          },
        ],
      },
      {
        label: 'B-2',
        children: [
          {
            label: 'B-2-1',
          },
        ],
      },
    ],
  },
  {
    label: 'C',
    children: [
      {
        label: 'C-1',
        children: [
          {
            label: 'C-1-1',
          },
        ],
      },
      {
        label: 'C-2',
        children: [
          {
            label: 'C-2-1',
          },
        ],
      },
    ],
  },
]


</script>

当未设置时，完全显示，共3个层级

若只需显示两个层级，通过以下代码，处理数据

const getData = ()=>{
  data.forEach((item: any) => {
    item.children && item.children.forEach((sitem: any) => {
      delete sitem.children
    })
  })

}
getData()

处理之后：只显示两层