标签：code name 递归 树状 childBank item key fatherId data

转变前:

  "data": {
    "id": 7,
    "name": "河北农行",
    "code": "50H999",
    "fatherId": null,
    "fatherCode": "000000",
    "level": 1,
    "childBank": [
      {
        "id": 8,
        "name": "唐山分行",
        "code": "50H700",
        "fatherId": 8,
        "fatherCode": "50H999",
        "level": 2,
        "childBank": []
      },
      {
        "id": 9,
        "name": "廊坊分行",
        "code": "50H650",
        "fatherId": 9,
        "fatherCode": "50H999",
        "level": 2,
        "childBank": []
      },
      {
        "id": 10,
        "name": "秦皇岛分行",
        "code": "50H800",
        "fatherId": 10,
        "fatherCode": "50H999",
        "level": 2,
        "childBank": []
      },
      {
        "id": 30,
        "name": "石家庄分行",
        "code": "50H300",
        "fatherId": 30,
        "fatherCode": "50H999",
        "level": 2,
        "childBank": []
      }
    ]
  },

转变中：

    getBankTreeSelect () {
      getBankTreeSelect().then(res => {
        if (res.data) {
          const { data } = res.data
          let bankTreeData = data ? [data] : []
          const loop = (data) => {
            data.forEach((item, index) => {
              if (item.childBank.length) {
                data[index] = {
                  value: item.code,
                  label: item.name,
                  children: item.childBank
                }
              } else {
                data[index] = {
                  value: item.code,
                  label: item.name
                  // children: item.childBank,
                }
              }
              if (item.childBank && item.childBank.length) {
                loop(item.childBank)
              }
            })
          }
          loop(bankTreeData)
          this.bankTreeData = bankTreeData
          console.log(bankTreeData)
        }
      })
    }

转变后：

标签：code,name,递归,树状,childBank,item,key,fatherId,data
来源： https://blog.csdn.net/yzding1225/article/details/117824043

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。