Vue前端树形菜单面包屑递归

青旅半醒 2022-10-26 03:54 378阅读 0赞

## Vue前端树形菜单面包屑递归 ##

#### 1.递归菜单 ####

findIndexArray(data, id, indexArray) {
        let arr = Array.from(indexArray);
        for (let i = 0, len = data.length; i < len; i++) {
          arr.push(data[i]);
          if (data[i].id === id) {
            return arr;
          }
          let children = data[i].childMenu;
          if (children && children.length) {
            let result = this.findIndexArray(children, id, arr);
            if (result) {
              return result;
            }
          }
          arr.pop();
        }
      },

#### 2.elementUI 面包屑显示 ####

<el-breadcrumb separator-class="el-icon-arrow-right" class="breadClass">
         <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
         <el-breadcrumb-item  v-for=" breadcrumb in breadcrumbs" >{
       {breadcrumb.menuname}}</el-breadcrumb-item>
       </el-breadcrumb>

效果图：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5GZW5nWmhpUWl1_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0h1YW5GZW5nWmhpUWl1_size_16_color_FFFFFF_t_70]: /images/20221024/8d281ad00dd142cab08748e8276d515a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，378人围观）

还没有评论，来说两句吧...

相关阅读

相关 js怎样递归遍历树形菜单数据

递归就是调用自己比如 function fn() { fn() } 递归一般是用来处理不确定层级的树形数据比如想要获取树形菜单数

雨点打透心脏的1/2处/ 2023年08月17日 16:39/ 0 赞/ 83 阅读

相关 js实现树级递归，通过js生成tree树形菜单(递归算法)

/ 数据转换为树形（递归），示例：toTreeByRecursion(source, 'id', 'parentId', null, 'children')

ゝ一纸荒年。/ 2023年01月21日 03:24/ 0 赞/ 372 阅读

相关 Vue 递归组件(构建树形菜单)

对于一些有规律的DOM结构，如果我们再一遍遍的编写同样的代码，显然代码是比较繁琐和不科学的，而且自己的工作量会大大增加，那么有没有一种方法来解决这个问题呢？答案是肯定的

阳光穿透心脏的1/2处/ 2023年01月02日 06:25/ 0 赞/ 179 阅读

相关 js递归生成树形结构

实现一个人员根据所在部门分类的el-cascader，使用人员表、部门表中数据，人员表中存有所在部门id字段，部门表中存有上级部门的id字段，人员为叶子节点，无子节点的部门不

雨点打透心脏的1/2处/ 2022年12月20日 02:40/ 0 赞/ 148 阅读

相关 VUE树形递归

<script> //树形递归 TreeConcat(data){ // 删除所有 children,以防止多次调用

向右看齐/ 2022年11月12日 13:45/ 0 赞/ 148 阅读

相关 Vue前端树形菜单面包屑递归

Vue前端树形菜单面包屑递归 1.递归菜单 findIndexArray(data, id, indexArray) { let arr =

青旅半醒/ 2022年10月26日 03:54/ 0 赞/ 379 阅读

相关【树形递归】

C\ 树形递归，部门树状图如果数据库中存在的department部门表，其中ID为主键，PID为父类，Name为部门名称，设计如下： public class

朱雀/ 2022年07月24日 10:28/ 0 赞/ 190 阅读

相关 Freemarker如何生成树形导航菜单（递归）

很多导航菜单是树形的，即一级一级往下分，这样的结构固然需要用递归来处理。对于Freemarker 来说，宏就相当于函数，其定义了签名及参数列表。所以在freemar

叁歲伎倆/ 2022年05月16日 02:05/ 0 赞/ 235 阅读

相关 java递归生成树形结构菜单

一、mysql表，数据自行准备 CREATE TABLE `sys_menu` ( `id` int(11) NOT NULL AUTO_INCREMEN

一时失言乱红尘/ 2022年03月30日 03:27/ 0 赞/ 538 阅读

相关部门树形递归查询

/ 查询部门列表树 @return / @ResponseBody

逃离我推掉我的手/ 2021年11月26日 15:12/ 0 赞/ 361 阅读