递归函数（vue-ant-design 递归加载Tree组件）

最新推荐文章于 2026-04-04 03:01:51 发布

原创最新推荐文章于 2026-04-04 03:01:51 发布 · 2.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一种从本地存储中解析菜单信息的方法，通过检查和解析localStorage中的'menu'项，将其转换为树形数据结构，以便于前端展示和操作。

		getUserInfo(){
            const menu = localStorage.getItem('menu');
            if (menu === '' || menu === 'undefined' || menu === 'null' ) {
            return false;
            }
            const _menu = JSON.parse(localStorage.getItem('menu'));
            if (_menu && _menu.length >= 1) {
               _menu.forEach((item,index)=>{
                    this.treeData.push(this.getTreeNode(item,index))
                })
            }

        },
        getTreeNode(item,index){
            let childrenNode={
                    title:item.purview_name,
                    key:index
                };
                if(item.child && item.child.length){
                    childrenNode.children = [];
                    item.child.forEach((subItem,subIndex) =>{
                        let subkey = `${index}-${subIndex}`
                        childrenNode.children.push(this.getTreeNode(subItem,subkey))
                    });
                }
                return childrenNode
        }