实践中对递归的总结

一、树型数据的筛选(如,vue路由的对需要权限的筛选处理)

1、在页面权限上的使用

复制代码
//用于过滤当前用户需要展示的异步路由
function filterAsyncRoute(asnycRoute, routes) {
  return asnycRoute.filter((item) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        //硅谷333账号:product\trademark\attr\sku
        item.children = filterAsyncRoute(item.children, routes)   // 修改子对象的数据,直接赋值修改就可以了
      }
      return true
    }
  })
}
复制代码
  • 对原有数据进行处理后,原来的数据已经改变。切换用户时,其它用户的数据肯定不正确了,所以要用到深拷贝数据。
     //计算当前用户需要展示的异步路由
            const userAsyncRoute = filterAsyncRoute(
              cloneDeep(asnycRoute),  // 传递深拷贝后的数据进行处理。
              result.data.routes,
            )

     

posted @   吴飞ff  阅读(5)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2018-06-05 php框架
点击右上角即可分享
微信分享提示