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

青旅半醒 2022-10-26 03:54 517阅读 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 条评论，517人围观）

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

相关阅读

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

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

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

相关 vue list 递归显示树形结构

vue list 递归显示树形结构 tree 方法递归返回parentId下的所有子 tree (parentId) { const tre

左手的ㄟ右手/ 2023年06月16日 10:53/ 0 赞/ 98 阅读

相关 jquery使用递归制作树形菜单

效果： ![20191017151849380.gif][] let jsonDatas = [ { nam

缺乏、安全感/ 2023年06月08日 06:47/ 0 赞/ 60 阅读

相关 Mybatis 递归查询树形菜单

文章目录 1、数据库表结构 2、查询结果展示 3、实体类Depa

雨点打透心脏的1/2处/ 2023年02月17日 11:17/ 0 赞/ 122 阅读

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

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

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

相关 VUE树形递归

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

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

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

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

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

相关【树形递归】

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

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

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

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

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

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

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

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