Ant Design Vue详解a-tree-select使用树形选择器，递归渲染数据，点击选项回显，一二级菜单是否可选等问题

丸子哥哥

于 2024-01-24 11:05:50 发布

阅读量4.8k

点赞数 9

CC 4.0 BY-SA版权

分类专栏：自学VUE+笔记文章标签： vue.js anti-design-vue 前端前端框架 javascript js css

本文链接：https://blog.csdn.net/qq_36818386/article/details/135815650

本文介绍了在IT项目中，如何使用后台提供的树形数据结构，通过递归方法处理数据，并在前端展示为可选择的菜单，如加速度、磁感等。还展示了如何根据特定条件控制节点的可见性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后台给的树形数据：

{
    "code": 200,
    "data": [
        {
            "code": "jsd",
            "children": [
                {
                    "code": "hx",
                    "children": [],
                    "name": "航向",
                    "id": 8,
                    "libTableId": 149,
                    "parentId": 1
                },
                {
                    "code": "cx",
                    "children": [],
                    "name": "垂向",
                    "id": 9,
                    "libTableId": 149,
                    "parentId": 1
                },
                {
                    "code": "fx",
                    "children": [],
                    "name": "法向",
                    "id": 10,
                    "libT