当前博客:树形组件数据怎么给

78 次浏览【转载需注明来源】

博客作者:【1774****0066】

个性签名:寒窗苦读十年,一朝凤舞九天

不知道要给什么数据格式他能渲染,能不能给个json数据的格式?

[
    {
        "id": 1,
        "title": "电脑硬件",
        "parent_id": null,
        "level": 1,
        "children": [
            1,
            2,
            3,
            4,
            5,
            6,
            7,
            8,
            9,
            17,
            18,
            19,
            23,
            24,
            25,
            26,
            27,
            34,
            37,
            48
        ]
    },
    {
        "id": 2,
        "title": "CPU",
        "parent_id": 1,
        "level": 2,
        "children": [
            2,
            28,
            29
        ]
    },
    {
        "id": 3,
        "title": "主板",
        "parent_id": 1,
        "level": 2,
        "children": [
            3,
            30,
            31,
            32,
            33,
            58
        ]
    },
    {
        "id": 4,
        "title": "内存",
        "parent_id": 1,
        "level": 2,
        "children": [
            4,
            38,
            39,
            40,
            41,
            42,
            45,
            49,
            57,
            59,
            65,
            67
        ]
    },
    {
        "id": 5,
        "title": "显卡",
        "parent_id": 1,
        "level": 2,
        "children": [
            5,
            52,
            53
        ]
    },
    {
        "id": 6,
        "title": "硬盘",
        "parent_id": 1,
        "level": 2,
        "children": [
            6,
            35,
            43,
            46,
            47,
            66
        ]
    },
    {
        "id": 7,
        "title": "固态",
        "parent_id": 1,
        "level": 2,
        "children": [
            7
        ]
    },
    {
        "id": 8,
        "title": "电源",
        "parent_id": 1,
        "level": 2,
        "children": [
            8
        ]
    },
    {
        "id": 9,
        "title": "机箱",
        "parent_id": 1,
        "level": 2,
        "children": [
            9
        ]
    },
    {
        "id": 10,
        "title": "电脑外设",
        "parent_id": null,
        "level": 1,
        "children": [
            10,
            20,
            21,
            22,
            36,
            51,
            54,
            55,
            56
        ]
    },
    {
        "id": 11,
        "title": "网络产品",
        "parent_id": null,
        "level": 1,
        "children": [
            11,
            23,
            24,
            25,
            26,
            27,
            34
        ]
    },
    {
        "id": 12,
        "title": "数码配件",
        "parent_id": null,
        "level": 1,
        "children": [
            12,
            28,
            29
        ]
    },
    {
        "id": 13,
        "title": "监控安防",
        "parent_id": null,
        "level": 1,
        "children": [
            13,
            30,
            31,
            32,
            33,
            58
        ]
    },
    {
        "id": 14,
        "title": "办公用品",
        "parent_id": null,
        "level": 1,
        "children": [
            14,
            38,
            39,
            40,
            41,
            42,
            59,
            65,
            67
        ]
    },
    {
        "id": 15,
        "title": "通讯产品",
        "parent_id": null,
        "level": 1,
        "children": [
            15,
            52,
            53
        ]
    },
    {
        "id": 16,
        "title": "服务管理",
        "parent_id": null,
        "level": 1,
        "children": [
            16,
            35,
            43,
            46,
            47,
            66
        ]
    },
    {
        "id": 17,
        "title": "散热器",
        "parent_id": 1,
        "level": 2,
        "children": [
            17
        ]
    },
    {
        "id": 18,
        "title": "显示器",
        "parent_id": 1,
        "level": 2,
        "children": [
            18
        ]
    },
    {
        "id": 19,
        "title": "电脑整机",
        "parent_id": 1,
        "level": 2,
        "children": [
            19
        ]
    },
    {
        "id": 20,
        "title": "音响/耳机",
        "parent_id": 10,
        "level": 2,
        "children": [
            20
        ]
    },
    {
        "id": 21,
        "title": "键盘鼠标",
        "parent_id": 10,
        "level": 2,
        "children": [
            21
        ]
    },
    {
        "id": 22,
        "title": "各种转接头",
        "parent_id": 10,
        "level": 2,
        "children": [
            22
        ]
    },
    {
        "id": 23,
        "title": "路由器",
        "parent_id": 11,
        "level": 2,
        "children": [
            23
        ]
    },
    {
        "id": 24,
        "title": "交换机",
        "parent_id": 11,
        "level": 2,
        "children": [
            24
        ]
    },
    {
        "id": 25,
        "title": "无线AP",
        "parent_id": 11,
        "level": 2,
        "children": [
            25
        ]
    },
    {
        "id": 26,
        "title": "网卡",
        "parent_id": 11,
        "level": 2,
        "children": [
            26
        ]
    },
    {
        "id": 27,
        "title": "网线",
        "parent_id": 11,
        "level": 2,
        "children": [
            27
        ]
    },
    {
        "id": 28,
        "title": "U盘/移动硬盘",
        "parent_id": 12,
        "level": 2,
        "children": [
            28
        ]
    },
    {
        "id": 29,
        "title": "内存卡",
        "parent_id": 12,
        "level": 2,
        "children": [
            29
        ]
    },
    {
        "id": 30,
        "title": "监控摄像头",
        "parent_id": 13,
        "level": 2,
        "children": [
            30
        ]
    },
    {
        "id": 31,
        "title": "硬盘录像机",
        "parent_id": 13,
        "level": 2,
        "children": [
            31
        ]
    },
    {
        "id": 32,
        "title": "无线监控",
        "parent_id": 13,
        "level": 2,
        "children": [
            32
        ]
    },
    {
        "id": 33,
        "title": "监控配件",
        "parent_id": 13,
        "level": 2,
        "children": [
            33
        ]
    },
    {
        "id": 34,
        "title": "网络配件",
        "parent_id": 11,
        "level": 2,
        "children": [
            34
        ]
    },
    {
        "id": 35,
        "title": "维修服务",
        "parent_id": 16,
        "level": 2,
        "children": [
            35
        ]
    },
    {
        "id": 36,
        "title": "扫码枪",
        "parent_id": 10,
        "level": 2,
        "children": [
            36
        ]
    },
    {
        "id": 37,
        "title": "二手配件",
        "parent_id": 1,
        "level": 2,
        "children": [
            37
        ]
    },
    {
        "id": 38,
        "title": "打印机",
        "parent_id": 14,
        "level": 2,
        "children": [
            38
        ]
    },
    {
        "id": 39,
        "title": "打印耗材",
        "parent_id": 14,
        "level": 2,
        "children": [
            39
        ]
    },
    {
        "id": 40,
        "title": "投影仪",
        "parent_id": 14,
        "level": 2,
        "children": [
            40
        ]
    },
    {
        "id": 41,
        "title": "UPS稳压器",
        "parent_id": 14,
        "level": 2,
        "children": [
            41
        ]
    },
    {
        "id": 42,
        "title": "其他用品",
        "parent_id": 14,
        "level": 2,
        "children": [
            42
        ]
    },
    {
        "id": 43,
        "title": "施工费用",
        "parent_id": 16,
        "level": 2,
        "children": [
            43
        ]
    },
    {
        "id": 44,
        "title": "整机配置",
        "parent_id": null,
        "level": 1,
        "children": [
            44,
            45,
            49,
            57
        ]
    },
    {
        "id": 45,
        "title": "服务器",
        "parent_id": 44,
        "level": 2,
        "children": [
            45
        ]
    },
    {
        "id": 46,
        "title": "软件服务",
        "parent_id": 16,
        "level": 2,
        "children": [
            46
        ]
    },
    {
        "id": 47,
        "title": "安装服务",
        "parent_id": 16,
        "level": 2,
        "children": [
            47
        ]
    },
    {
        "id": 48,
        "title": "其他配件",
        "parent_id": 1,
        "level": 2,
        "children": [
            48
        ]
    },
    {
        "id": 49,
        "title": "笔记本电脑",
        "parent_id": 44,
        "level": 2,
        "children": [
            49
        ]
    },
    {
        "id": 51,
        "title": "分屏器/切换器",
        "parent_id": 10,
        "level": 2,
        "children": [
            51
        ]
    },
    {
        "id": 52,
        "title": "手机/平板",
        "parent_id": 15,
        "level": 2,
        "children": [
            52
        ]
    },
    {
        "id": 53,
        "title": "手机充电线",
        "parent_id": 15,
        "level": 2,
        "children": [
            53
        ]
    },
    {
        "id": 54,
        "title": "鼠标垫",
        "parent_id": 10,
        "level": 2,
        "children": [
            54
        ]
    },
    {
        "id": 55,
        "title": "小线材",
        "parent_id": 10,
        "level": 2,
        "children": [
            55
        ]
    },
    {
        "id": 56,
        "title": "适配器",
        "parent_id": 10,
        "level": 2,
        "children": [
            56
        ]
    },
    {
        "id": 57,
        "title": "二手电脑",
        "parent_id": 44,
        "level": 2,
        "children": [
            57
        ]
    },
    {
        "id": 58,
        "title": "门禁设备",
        "parent_id": 13,
        "level": 2,
        "children": [
            58
        ]
    },
    {
        "id": 59,
        "title": "音响系统",
        "parent_id": 14,
        "level": 2,
        "children": [
            59
        ]
    },
    {
        "id": 60,
        "title": "智能家居",
        "parent_id": null,
        "level": 1,
        "children": [
            60,
            61,
            62,
            63,
            64
        ]
    },
    {
        "id": 61,
        "title": "开关面板",
        "parent_id": 60,
        "level": 2,
        "children": [
            61
        ]
    },
    {
        "id": 62,
        "title": "传感器",
        "parent_id": 60,
        "level": 2,
        "children": [
            62
        ]
    },
    {
        "id": 63,
        "title": "电动设备",
        "parent_id": 60,
        "level": 2,
        "children": [
            63
        ]
    },
    {
        "id": 64,
        "title": "电视机",
        "parent_id": 60,
        "level": 2,
        "children": [
            64
        ]
    },
    {
        "id": 65,
        "title": "打印纸",
        "parent_id": 14,
        "level": 2,
        "children": [
            65
        ]
    },
    {
        "id": 66,
        "title": "其他服务",
        "parent_id": 16,
        "level": 2,
        "children": [
            66
        ]
    },
    {
        "id": 67,
        "title": "会议一体机",
        "parent_id": 14,
        "level": 2,
        "children": [
            67
        ]
    }
]
默认排序
Generic placeholder image
Generic placeholder image
已采纳
1774****0066 Time: 2024-02-24 12:39:01
博主已经自己处理完问题并结帖
Generic placeholder image
qiang Time: 2024-02-24 09:27:18

Generic placeholder image
1774****0066 回复 1楼 qiang Time: 2024-02-24 12:34:31

不能给个json格式的吗,这样我不知道怎么给动态的数据呢

Generic placeholder image
1774****0066 Time: 2024-02-24 12:38:48

树形组件的JSON数据格式,搞不懂官方为什么不能把json的格式给下

[
    {
        "id": 1,
        "title": "节点1",
        "children": [
            {
                "id": 2,
                "title": "子节点1"
            },
            {
                "id": 3,
                "title": "子节点2"
            }
        ]
    },
    {
        "id": 4,
        "title": "节点2",
        "children": []
    }
]

树形组件数据怎么给