Vue将将后端返回的list数据转化为树结构的实现

Vue将将后端返回的list数据转化为树结构的实现,转化为,后端,站长站,结构,数据

Vue将将后端返回的list数据转化为树结构的实现

易采站长站，站长之家为您整理了Vue将将后端返回的list数据转化为树结构的实现的相关内容。

下载

cnpm i -S array-to-tree

引入

import arrayToTree from "array-to-tree";

使用

    const pidData = [
      { name: "aa", id: "1", pid: null },
      { name: "bb", id: 2, pid: 1 },
      { name: "cc", id: 3, pid: "" },
      { name: "dd", id: 4, pid: 3 },
      { name: "ee", id: 5, pid: "3" },
    ];
    const result = arrayToTree(pidData, {
      parentProperty: "pid",
      customID: "id",
      childrenProperty: "children",
    });
    console.log(result);

到此这篇关于Vue将将后端返回的list数据转化为树结构的文章就介绍到这了,更多相关Vue将将后端返回的list数据转化为树结构内容请搜索易采站长站以前的文章或继续浏览下面的相关文章希望大家以后多多支持易采站长站！

以上就是关于对Vue将将后端返回的list数据转化为树结构的实现的详细介绍。欢迎大家对Vue将将后端返回的list数据转化为树结构的实现内容提出宝贵意见