react中路由跳转,当前页面上直接打开新标签页,重新开一个单独的页面

目的

当前页面不关闭的情况下,需要重开启一个新页面

实现

1、设置需要跳转页面的路由:router.config.js

{
    path: '/test/markdown/:id',
    component: './Test/OpenPage'
}

2、获取绝对路径实现新标签页开启页面

    // 获取绝对路径
    const hrefStr = window.location.href;
    // 获取相对路径
    const urlParams = new URL(hrefStr);
    const pathname = urlParams?.pathname;
   // 获取根路径
    const rootPath=hrefStr.replace(pathname,'');
  // 在新标签页面打开绝对路径
    window.open(`${rootPath}/test/markdown/001`, '_blank');
  // 该页面需要的信息通过id进行获取,其他信息也可以通过localStorage等方式进行保存

你可能感兴趣的:(react中路由跳转,当前页面上直接打开新标签页,重新开一个单独的页面)