js、vue根据父节点id生成树形结构

本文介绍如何利用JavaScript和Vue.js,根据父节点ID来构造一个动态的树形结构。通过自定义的数据结构和特定的处理方法,实现更加灵活的数据组织。
摘要由CSDN通过智能技术生成

>>这里是参考链接


自己定义的假数据

 let data = [
      {
        employeeId: "",
        ouName: "",
        parentPosition: "",
        positionCode: "",
        preferredName: "",
      },
      ]

为了更灵活一些规定对象字段key值

 let attributes = {
      id: 'positionCode',     //这里是本节点id
      parentId: 'parentPosition', //父节点id
      name: 'preferredName', // 本节点名称
      rootId: '1' // 根节点的id
    };

然后执行下面方法

    let treeData = this.toTreeData(data, attributes);

toTreeData (data, attributes) {
      let resData = data;
      let tree = [];
      for (let i = 0; i < resData.length; i++) {
        if (resD
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值