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

最新推荐文章于 2024-07-30 11:33:00 发布

Matea1024

最新推荐文章于 2024-07-30 11:33:00 发布

阅读量1.1k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/HuanFengZhiQiu/article/details/113527200

版权

vue 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

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>

效果图：
在这里插入图片描述