elementui递归表格-element-ui菜单导航的三种递归写法（二）

本文向大家介绍element-ui菜单导航的三种递归写法（二），主要包括element-ui菜单导航的三种递归写法（二）的使用示例、应用方法、基础知识点总结以及注意事项，以供参考。具有一定的参考价值，有需要的同学可以参考。

1.创建侧边导航栏

2.创建menutree组件

 0" :menu="menu.children">
       
       
      

想法是用通常创建树状数据结构的方式来创建这个菜单elementui递归表格，从而防止第一种方法中哪个模板是最内层的循环。

首先渲染根和各个节点，然后递归渲染上述子节点。

3. 创建子菜单组件

    
        
            
            {{menu.menu_name}}
        
        
            0" :menu="item.children" :index="item.route" :key="index_0">
            
                
                {{item.menu_name}}
            
        
    

如果子菜单还有子菜单elementui递归表格，它仍然会被渲染。

就是这样！

还有第三种方法，就是手写渲染！