基于vue+elementUI实现的三级菜单

实现效果如下

基于vue+elementUI实现的三级菜单_第1张图片

list数据

list: [
	{  item
		"icon": "el-icon-s-order",
		"name": "订单管理",
		"path": "/orderManage"
		"childrenMenu": [  itemChild
			{
				"icon": "el-icon-waller",
				"name": "充值卡",
				"path": "/orderManage/rechargeCard",
				"children": [  itemChild_child
					{
						"name": "充值卡管理",
						"path": "/orderManage/rechargeCard/rechargeCardManage"
					},
					{
						"name": "充值记录",
						"path": "/orderMange/rechargeCard/rechargeRecord"
					},
					{
						"name": "消费记录",
						"path": "/orderManage/rechargeCard/payRecord"
					}
				]
			}
		]
	}
]

adide.vue


  
  
  
  
  
  
  

你可能感兴趣的:(基于vue+elementUI实现的三级菜单)