首页 前端知识 umi-React移动端如何根据路由来改变页面html中的title

umi-React移动端如何根据路由来改变页面html中的title

2024-02-14 09:02:42 前端知识 前端哥 244 637 我要收藏
由于测试反应移动端路由切换表头一直显示一个固定的标题没有根据不同的路由和模块来进行改变

虽然我们要在写router的时候会加name标题,但是Umi没有帮我们自动改变当前页面的title我们只需要再src下的app.jsx文件中加入以下代码(如果没有这个文件可以新建一个),就可以成功实现html标题的改变了

import { matchRoutes } from 'umi';
 
export function onRouteChange({ clientRoutes, location }) {
console.log(location,'location');
  const route = matchRoutes(clientRoutes, location.pathname)?.pop()?.route;
  if (route) {
//这个route.name是根据你的router.js里面标题怎么起的
    document.title = route.name || '';
  }
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/2000.html
标签
react.js
评论
会员中心 联系我 留言建议 回顶部
复制成功!