怎么给父路由也指定一个具体的页面？

[shijianoo]

怎么给父路由也指定一个具体的页面？体现在菜单上就是当点击这个父路由对应的菜单在右边也会显示一个页面？

像这样
父路由：/root 对应一个页面
子路由：/root/page1 对应一个页面
当然/root这个页面也是需要在Layouts组件内显示的。

我现在只能给/root这个路由一个Layouts组件，然后再添加一个/root/index这样的路由，当点击/root ，就从定向到/root/index，但是这样的话在左边的菜单上把/root/index这个路由的菜单也显示出来

[pany-ang]

hidden 属性隐藏一下父路由即可

[shijianoo]

那对应的菜单也隐藏了，菜单不能隐藏

[pany-ang]

不会的，给你的 /root/index 路由设置，而不是 /root 目录

[shijianoo]

那/root路由对应的菜单是没法点击？现在点击只能收起跟展开子菜单，能不能做到可以点击还能从定向到/root/index啊？

{
    path: "/wave-buoy",
    component: Layouts,
    redirect: "/wave-buoy/overview",
    meta: {
      title: "父菜单"
    },
    children: [
      {
        path: "overview",
        component: () => import("@/pages/data-center/wave-buoy/index.vue"),
        meta: {
          title: "概览",
          hidden: true
        }
      },
      {
        path: "detail-data",
        component: () => import("@/pages/data-center/wave-buoy/detail-data/index.vue"),
        meta: {
          title: "详细数据"
        }
      },
      {
        path: "detail-location",
        component: () => import("@/pages/data-center/wave-buoy/detail-location/index.vue"),
        meta: {
          title: "详细位置"
        }
      }
    ]
  }

我想做到点击父菜单能进入 /wave-buoy/overview 这个页面，进入之后这个父菜单是选中效果

[shijianoo]

应该得改框架吧。我这种场景是不是很少啊

[pany-ang]

比较少，但也能实现，你去监听一下对应的点击事件就行了

[shijianoo]

那父菜单的选中效果咋做呢，考虑把这个功能做到框架里面吗？我觉得这个功能很实用呢，虽说父路由里面有一个redirect，但仅限于从浏览器的地址栏访问父路由才会重定向，不能从点击UI上面的父菜单来重定向

[pany-ang]

「点击UI上面的父菜单来重定向」这个效果你去监听一下点击事件就行了，暂时没打算集成这个小细节