问答

vue-admin-template菜单路由问题

作者:admin 2021-04-22 我要评论

后端返回的菜单是这样的,不同的角色返回来的菜单不同 我该怎样做路由? 有没有大佬提供一下思路? 新手提问请多多包涵 ### 这个问题的关键点在于如何将扁平的数...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image
后端返回的菜单是这样的,不同的角色返回来的菜单不同
我该怎样做路由?
有没有大佬提供一下思路?
新手提问请多多包涵

###

这个问题的关键点在于如何将扁平的数据转化为树形数据。
这里有一份代码,供你参考。生成树形数据后剩下的工作还得靠你自己了。

const comments = [
    { id: 1, parent_id: null }, 
    { id: 6, parent_id: null }, 
    { id: 2, parent_id: 1 }, 
    { id: 3, parent_id: 1 }, 
    { id: 4, parent_id: 2 }, 
    { id: 5, parent_id: 4 } 
]; 

const nest = (items, id = null, link = "parent_id") => items.filter(item => item[link] === id).map(item => ({ ...item, children: nest(items, item.id) }));
        
const nestedComments = nest(comments);

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue-admin-template菜单路由问题

    vue-admin-template菜单路由问题

  • Java GUI GridBagLayout布局生成的组件

    Java GUI GridBagLayout布局生成的组件

  • 请问怎么监听嵌入的ifream页面在父元素

    请问怎么监听嵌入的ifream页面在父元素

  • element中upload上传图片成功后,图片

    element中upload上传图片成功后,图片

腾讯云代理商
海外云服务器