antdesign页面title,带动态参数的路由获取不到name

进入BasicLayout.js页面:

// 引入插件
import pathToRegexp from 'path-to-regexp';
// 替换原来的 getPageTitle 函数
 getPageTitle() {
    const { routerData, location } = this.props;
    const { pathname } = location;
    let title = localStorage.getItem('company_type') === 'shopping_mall' ? '智慧Mall后台管理系统' : '智慧零售后台管理系统';
    // 多了这几行的处理 
    // start--
    let currRouteData = null;
    for(const key in routerData){
      if(pathToRegexp(key).test(pathname)){
        currRouteData = routerData[key];
      }
    }//  --end
    if(currRouteData && currRouteData.name){
      title = `${currRouteData.name} - ${title}`;
    }
    return title;
  }

发现这样改了之后,解决了带参数的路由title不显示问题,但是有些列表中的详情也无法显示,必须添加一行代码来命名:
router.js文件中

    '/shopping/yk/member-details/:id/:type': {
      name: '识别列表查询', // 详情页由于没有在menu.js中定义页面名称,所以需要在此手动添加name
      component: dynamicWrapper(app, ['customer', 'company'], () =>
        import('../routes/ShoppingMallReportQuery/yk/MemberIdentifyDetail')
      ),
    },

参考来源:https://github.com/ant-design/ant-design-pro/issues/1248

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 PS:转载请注明出处作者:TigerChain地址:http...
    TigerChain阅读 23,037评论 3 49
  • 文/泥步行 〖坏情绪〗 发怒是一匹自以为是的恶狼 它会吞噬你所有的理智 赋予你所有的坏情绪 它会让你丧失所有的意志...
    花非物欲阅读 332评论 0 1
  • 做运营,最重要的是尝试怎么让你和用户互动起来。 运营之光中,黄有璨提出了八个指导原则,我觉得对于思路的开透真是帮助...
    马克图布了阅读 956评论 0 2