👑 [需求]服务器加载导航菜单约定式路由如何用PATH传参

XiaYaXia commented 3 years ago

🥰 需求描述

🧐 解决方案

🚑 其他信息

chenshuai2144 commented 3 years ago

PATH传参？祥细展开一下？

XiaYaXia commented 3 years ago

服务器获取的子菜单PATH是带参的 ,页面路由是同一页面

{"children":[{"name":"APP综合配置","path":"/system/BaseConfig?fid=113","icon":"","auth":"abc?groupfid=113"},{"name":"其他配置","path":"/system/BaseConfig?fid=112","icon":"","auth":"abc?groupfid=112"}]}

key 相同报错，我重写了key

const loopMenuItem = (menus: MenuDataItem[]): MenuDataItem[] =>
  menus.map(({ icon, children, key, ...item }) => ({
    ...item,
    query: item.path,
    key: item.path.indexOf('?') != -1 ? item.path.split('?')[1].split('=')[1] :'',
    path:item.path,
    icon: icon && IconMap[icon as string],
    children: children && loopMenuItem(children),
  }));

点击菜单页面props 获取不到参数?fid=113 layout/index.js 里面直接丢弃了？后面的参数我就重新传了一个query: item.path, 在pro-layout prolayout.js 12388行将item.path 换成了item.query 临时解决了我的需求点击菜单跳转页面路径变为 http://localhost:8000/system/BaseConfig?fid=113 props 里 props.location.query.fid 能正常获取菜单path附加的参数但是KEY 在菜单选择的时候还不能正常显示当前选择菜单项

/system/BaseConfig 复用问题看官方有没有正确的使用方法 /system/BaseConfig里的表单由schema-generator保存propsSchema ， form-render解析propsSchema生成

XiaYaXia commented 3 years ago

https://vkceyugu.cdn.bspapp.com/VKCEYUGU-wwceshi1/b07b8bb0-d2e2-11ea-9dfb-6da8e309e0d8.png

XiaYaXia commented 3 years ago

菜单key 还没弄不能正确显示当前项先临时这样用了

hihuangwei commented 3 years ago

没有那么复杂

XiaYaXia commented 3 years ago

怎么简单实现呢？