第一个html布局menujsonconstmenuList=[{title:'Home',key:'/home'},{title:'UI',key:'/ui',children:[{title:'Button',key:'/ui/buttons',},{title:'Bulletbox',key:'/ui/modals',},{title:'Loading',key:'/ui/loadings',},{title:'通知提醒',key:'/ui/notification',},{title:'全局消息',key:'/ui/messages',},{title:'TabTab',key:'/ui/tabs',},{title:'图片库',key:'/ui/gallery',},{title:'Carousel',key:'/ui/carousel',}]},{title:'表单',key:'/form',children:[{title:'Login',key:'/form/login',},{title:'Register',key:'/form/reg',}]},{title:'Table',key:'/table',children:[{title:'BasicTable',key:'/table/basic',},{title:'AdvancedTable',key:'/table/high',}]},{title:'富文本',key:'/rich'},{title:'城管',key:'/city'},{title:'订单管理',key:'/order',btnList:[{title:'订单详情',key:'detail'},{title:'结束订单',key:'finish'}]},{title:'员工管理',key:'/user'},{title:'车辆地图',key:'/bikeMap'},{title:'icon',key:'/charts',children:[{title:'columnchart',key:'/charts/bar'},{title:'饼图',key:'/图表/pie'},{title:'折线图',key:'/charts/line'},]},{title:'权限设置',key:'/permission'},];js逻辑varul='';functionappednMenu(data){data.forEach(function(item,index){if(item.children){ul+='
'+item.title+''appednMenu(item.children);ul+='
';}else{ul+='
'+item.title+''}})}appednMenu(menuList);console.log(ul);document.getElementById('abc').innerHTML=ul最后一个样式！[图片说明][1]简洁版菜单栏没有写样式
