element-ui三级菜单栏扩展

element-ui三级菜单栏扩展,第1张

案例图:

需求:需要将二级菜单页面拓展到三级菜单

步骤如下:
1.在存放侧边栏json数据文件中,在对应需要进行拓展的菜单增加一个字段名为grandson的对象

2. 找到侧边栏组件相对应的.vue文件

修改前:


 
	
      
		
      
     
     	
{{$t(subitem.name)}}

     
 	
    
    
   

修改后:

 


     
 
        
          
          

           		{{$t(subitem.name)}}
            
          
         

        	 
   
        
       	
{{item.grandsonName}}
        
         
      
     
     
     
     

其实就是在里面多嵌套了一个el-submenu组件,然后使用v-if判断是否拥有grandson对象,

如果有就是只有二级菜单,直接进行跳转

否则就是三级菜单

 

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1322227.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存