美文网首页
antdesign页面title,带动态参数的路由获取不到nam

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

作者: big_fang | 来源:发表于2018-12-28 19:10 被阅读0次

    进入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

    相关文章

      网友评论

          本文标题:antdesign页面title,带动态参数的路由获取不到nam

          本文链接:https://www.haomeiwen.com/subject/slvelqtx.html