直接上代码


buildMenuTree: function (arr, res = []) {
  for (let i = 0; i < arr.length; i++) {
   if(arr[i].type === '0') {
     arr[i].children = []
     for (let j = 0; j < arr.length; j++) {
       if (arr[i].id === +arr[j].parentId) {
         arr[i]['children'].push(arr[j])
       }
     }
     if(arr[i].children.length>0) {
       res.push(arr[i])
     }else {
       delete arr[i].children
       res.push(arr[i])
     }
   }
  }
  return res
}

喜欢点赞评论加转发

js 工具函数，构造递归菜单组件
mysql 表里这种结构我们实际想要的是树型结构直接上代码喜欢点赞评论加转发
父子组件通信
vue之父子组件间通信实例讲解(props、emit) Vue.js 递归组件实现树形菜单（实例分享）
Vue 弹窗组件封装
1.封转组件样式 alert.vue 2.组件构造函数 createAlert.js 3.使用弹窗
点餐系统后台菜单目录树的递归实现
为了实现让系统后台的左侧栏菜单列表实现动态展示的效果，则通过后台管理对菜单组件进行增删改查，并通过递归构造的方法将...
树形结构递归/原生js实现/vue递归组件
原生js实现递归渲染 Vue2.0递归组件
39.React动态菜单组件实现
实现动态菜单主要是使用递归+Menu组件来实现的。递归用来二级以及多级菜单。判断menu是否有children，有...
Flutter 06 - Image 组件详解
一、基本介绍图片组件是显示图像的组件，Image 组件有很多构造函数构造函数说明Image.asset(......
我的JS笔记 -- 类
JS是没有类的，但JS可以利用构造函数实现近似类的功能。构造函数构造函数，是用来创建对象的函数。与普通的函数声...
前端JS进阶二（ES6-Class语法）
Class和普通构造函数有何区别前端会使用ES6中的Class来代替JS中的构造函数 JS 构造函数 Class...
组件递归 & js递归
一、el-tree实现原理—组件递归举一个栗子： 1、组件引入，并调用。组件name为“func-table” ...