tree

<el-tree
          :props="areaSelectProps"
          :load="loadNode"
          :expand-on-click-node="false"
          lazy>
</tree>

// 区域树形图
      areaSelectProps: {
        value: 'baseAreaId',
        label: 'baseAreaName',
        children: 'children',
        isLeaf: 'leaf',
      },

// 加载下级区域
async loadNode(node, resolve) {
  let baseAreaId = '';
  if (node.data) {
    baseAreaId = node.data.baseAreaId
  }
  const areaList = await getExceptionList(baseAreaId);
  areaList.map(v => {
    if (v.childCnt > 0) {
      v.leaf = false
    } else {
      v.leaf = true
    }
    v.children = []
    return v
  })

  resolve(areaList)
},

来源：CSDN

作者：粥萌_

链接：https://blog.csdn.net/weixin_44735916/article/details/104061646