列表数据转换为树形

 Vue.prototype.completeSubmenus=(menu, menuList) {
      const submenus = [];
      // 1.筛选出符合条件的子数据
      for (const item of menuList) {
        if (item.parentId === menu.deptId) {
          submenus.push(item);
        }
      }
      // 2.如果子数据存在,则封装属性
      if (submenus.length > 0) {
        // 递归封装子数据中的子子数据
        for (const submenu of submenus) {
          this.completeSubmenus(submenu, menuList);
        }
        menu.children = submenus;
      }else{
        menu.children = '';
      }
      // 3.返回封装后的menu对象
      return menu;
    },

使用

const topMenu = e;
//e为第一级菜单
this.option=[this.completeSubmenus(topMenu, res.data)]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值