iview树形组件后台数据转为对应treeData的字段

最新推荐文章于 2025-06-10 19:00:01 发布

Hzsilvana

最新推荐文章于 2025-06-10 19:00:01 发布

阅读量4.9k

点赞数 1

本文介绍了一种使用JavaScript将树状数据结构转换为特定格式的方法。通过递归函数getTree，可以将包含name和childrenFilenames属性的树形数组转换为具有title、attr、expand、selected和children属性的对象数组。

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

参考地址：https://segmentfault.com/q/1010000012064522/a-1020000012149722

 function getTree(tree = []) {
        let arr = [];
        if (!!tree && tree.length !== 0) {
            tree.forEach(item => {
                let obj = {};
                obj.title = item.name;
                obj.attr = item.attr; // 其他你想要添加的属性
                obj.expand = false;
                obj.selected = false;
                obj.children = getTree(item.childrenFilenames); // 递归调用
                arr.push(obj);
            });
        }
        return arr;
    }

博客等级

码龄7年

71
原创

381
点赞

1308
收藏

192
粉丝

关注

私信

热门文章

上一篇：: JavaScript 中输出反斜杠 “\”

下一篇：: vue input做出模糊查询

最新评论

cli建的Vue2工程，Sass Loader编译错误。
Pinganxile11: 移除肯定不行啊移除后的下一步呢大佬
【uniapp框架错误】[ERROR] reportJSException ＞＞＞＞ exception function:createInstance, exception
一起搞IT吧: Hello, yHello, you can use AI tools such as deepseek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.Hello, you can use AI tools such as deepseek to try toHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseek to ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see. help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ou can use AI tools such as deepseek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.
【uniapp框架错误】[ERROR] reportJSException ＞＞＞＞ exception function:createInstance, exception
一起搞IT吧: Hello, you can use AI tools such as deepseek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.Hello, you can use AI toolsHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, you can use AI tools such as deepseHello, youek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.ek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see. such as deepseek to try to help you answer related questions. Generally, there will be more comprehensive responses. You can try to see.
react-router(V6)配置路由的两种方式BrowseRouter组件式和createBrowseRouter函数式
courage丶丶: RouterProvider下面可以放一个公共组件吗?如tabbar
【uniapp框架错误】[ERROR] reportJSException ＞＞＞＞ exception function:createInstance, exception
恬星: reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught TypeError: Cannot read property 'userAgent' of undefined这个是什么报错

大家在看

最新文章

目录

展开全部

收起

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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