美文网首页
el-menu 菜单递归遍历找满足某个条件的值

el-menu 菜单递归遍历找满足某个条件的值

作者: 一只鱼_d589 | 来源:发表于2020-07-29 10:49 被阅读0次

数据结构是这样子的

params: [
                {
                    id: 1,      
                    label: '标签1',
                    children: [{
                        id: 4,
                        label: 'aaa',
                        children: [{
                            id: 9,
                            label: 'bbb',
                            rects: [
                                {
                                    
                                    minh: 300,
                                    minw: 300,
                                    
                                },
                                {
                                    
                                    minh: 300,
                                    minw: 300,
                                    
                                }
                            ],

                        }, {
                            id: 10,
                            label: 'ccc'
                        }]
                    }]
                }, 
                {
                    id: 2,
                    label: '标签2',
                    children: [{
                        id: 5,
                        label: '二级 2-1'
                    }, {
                        id: 6,
                        label: '二级 2-2'
                    }]
                }
            ],

寻找id 为 9 的叶子节点,并返回其rects的值

    searchId(index, obj) {
          if(obj instanceof Array){
                for(var i in obj) {
                    if(obj[i].children) {
                        this.searchId(index, obj[i].children);
                    } else {
                        if(obj[i].id.toString() === index) {
                            this.customParams = obj[i].rects;
                            return 
                        }
                    }
                }
            } else {
                if(obj.id.toString() === index) {
                    return obj[i].rects;
                }
            }
            
        },

template部分是这样子的

<el-menu 
            ref="healthMenu"
            :default-active="defaultActive"
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
            background-color="#2A2A2A"
            text-color="#8A8A8A"
            active-text-color="#FFFFFF"
            :default-openeds="defaultOpeneds"
            @select="selectItems">
                <MenuTree :menuData="treeData"></MenuTree>
            </el-menu>

完毕

相关文章

  • el-menu 菜单递归遍历找满足某个条件的值

    数据结构是这样子的 寻找id 为 9 的叶子节点,并返回其rects的值 template部分是这样子的 完毕

  • 搜索算法

    图的搜索(遍历) DFS 写法:递归或用 stack求解那种所有满足条件的路径的问题,很容易想到 DFS,而且遍历...

  • el-menu 菜单递归循环

    前端开发中遇到一个el-menu菜单动态加载的问题,深度不确定,数据格式大概是这样的 先创建子组件 menuTre...

  • js寻找一个值(递归)

    //关于递归的方式 一般用于找父类的某个值

  • 递归是并行还是串行?-->递归二字顾名思义就是:递过去,归回来。

    需满足条件: 1:临界条件(递归出口) 2:递归公式 3:总结条件 当边界条件不满足时,递归前进;当边界条件满足时...

  • 对象递归获取所有值

    遍历json所有的key,如果当前层的某个key对应的值是object或者数组的话就继续递归,如果其他值就是具体的...

  • LeetCode100 相同的树

    题目: 思路: 1.找出终止条件以及对应的返回值 2.当不满足终止条件时,继续递归各自的左、右子树的值是否满足此函...

  • 组织菜单递归遍历

  • 10|递归

    如何理解递归 递归是一个广泛的编程技巧,如DFS深度优先搜索、前中后序二叉树遍历。 递归满足的三个条件 1.一个问...

  • 二叉树遍历

    先序遍历——[递归、非递归] 中序遍历——[递归、非递归] 后序遍历——[递归、非递归] 层次遍历——[递归、非递归]

网友评论

      本文标题:el-menu 菜单递归遍历找满足某个条件的值

      本文链接:https://www.haomeiwen.com/subject/bgchrktx.html