需求：点击按钮 动态添加一个路由 并以tab的形式展示，这里是在根目录下添加路由
1:引入router

const router = useRouter()

2：使用router.addRoute()动态添加路由

  let param = {name:'ddd',age:'cc'}
        const childRouter = {
            path: '/test',
            component: () => import('@/views/component/guacamole'),
            name: 'test',
            meta: {title: '测试路由test'},
        }
        router.addRoute('test', childRouter) // 这里的意思是将这个路由添加到根目录下，也就是在根目录下创建一个路由
        router.push({path: '/test', query: param}) //路由跳转也就是跳转到这个页面

3：根目录下指定name

{
    path: '',
    component: Layout,
    redirect: '/index',
    name:'test', //在根目录下创建一个路由
    children: [
      {
        path: '/index',
        component: () => import('@/views/index'),
        name: 'Index',
        meta: { title: '首页', icon: 'dashboard', affix: true }
      }
    ]
  },

实现效果：
点击管理，创建一个新路由，并将内容展示出来：