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

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

作者: 叶大叔_ | 来源:发表于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

    进入BasicLayout.js页面: 发现这样改了之后,解决了带参数的路由title不显示问题,但是有些列表中的...

  • 2020-06-29【angular笔记】

    指令 修改流程title 获取路由传递参数

  • Vue常见面试题

    1.怎么定义vue-router的动态路由?怎么获取传递过来的动态参数? 何为动态路由?能够提供参数的路由即为动态...

  • Next.js 跳转传参并接收接参

    介绍路由传参,接参使用方法 传参 + 跳转页面接收参数 动态路由传参 + 跳转页面接收参数创建动态路由在pag...

  • Vue路由传参

    1、获取路由中定义的参数 index页面获取参数 页面链接https://xxx.xxx.xxx/#/1,user...

  • vue 动态路由

    什么是动态路由?带参数的路由就是动态路由 实际使用 路由中使用多段路径作为参数 !!! 路由组件复用 提醒一下,当...

  • 如何更改vue的每个页面的标题

    一:在配置路由的时候加上 meta 属性 ,并且添加 title 2:在路由导航守卫中给每一个页面动态添加 title

  • vue获取url后面的参数

    使用路由获取页面参数 在路由中设置path: 获取参数 备注:1、参数名需要保持一致2、如果路由中没有传参http...

  • flutter04: 路由跳转

    路由分两种:静态路由和动态路由 Flutter里面有路由支持所有的路由场景,push、pop页面,页面间的参数传递...

  • vue的传参方式

    query方式 路由配置 接受参数页面 跳转界面时,传递的参数会显示在地址栏用?来分割 params模式 用nam...

网友评论

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

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