1、下载安装指令

npm install mj-tree-structure --save  

2、功能介绍

本插件主要有两个功能。
功能一：扁平结构的数据转化成树形结构的数据，关键点在于扁平结构的数据必须有一个字段存储其父级id。
更能二：树形结构的数据转化成扁平结构的数据。

3、函数方法介绍

扁平结构数据转为树形结构数据的方法

函数的参数：treelization(list = [], parentId = 'parentId', key = 'children')
|参数名|描述|是否必须|
|--:|:--|:--:|
|list|数据源，必须是数组对象|是|
|parentId|父级id，父级id必须与源数据的某个id值相等|是|
|key|存放子级数据的字段名称，也就是子级名称|是|

树形结构数据转为扁平结构数据的方法

函数的参数：delayering(arr = [], configure = [], key)
|参数名|描述|是否必须|
|--:|:--|:--:|
|arr|数据源，必须是数组对象|是|
|configure|存放数据字段，就是把需要获取的字段放到此数组中，必须保证这些字段在源数据中都存在，否则抛出异常|是|
|key|子级属性名，如果不传或传入的值在源数据中匹配不上，则返回源数据，并且源数据的第一级添加此属性，值为undefined|是|

4、调用方式

CDN引入

<script src="./node_modules/mj-tree-structure/index.js"></script>

<script>
    let { treelization, delayering } = treeStructure;
    
    // 扁平结构数据转为树形结构数据的方法
    console.log(treelization(arr, 'parentId', 'children'));

    // 树形结构数据转为扁平结构数据的方法
    console.log(delayering(arr, configure, 'children'));
</script>

vue引入

import { treelization, delayering } from "mj-tree-structure";
// let { treelization, delayering } = require("mj-tree-structure");

export default {
    name: "treeStructure",
    data() {
        return {};
    },
    mounted() {
        // 扁平结构数据转为树形结构数据的方法
        console.log(treelization(arr, 'parentId', 'children'));

        // 树形结构数据转为扁平结构数据的方法
        console.log(delayering(arr, configure, 'children'));
    },

    methods: {},
};