关于element-ui 菜单导航不选中问题

Question

我在用element-ui 构建导航的时候遇到一个问题：
问题是这样的先上几张图明显点：

这是其中的一个组件

这是被调用的组件：（忽略红线没关系的）

然后我的路由是这样的：

然后我的问题来了：

我在通过地址进入网址的时候并不能选中即使是正确匹配的index

我期望的是这样的

这样之后能选中了 就是不能自动打开不知道为什么

有一点需要补充下，因为我左边的导航栏会根据上面的选项而不断的变化的 会重新赋值所以会出这个bug么

求告知 怎么做才能进来的时候是自动拉开的然后是选中状态的，谢谢各位大佬解答

Answer 1

:default-active前面加冒号试试

Answer 2

el-menu 上:default-active的值要和你个人上的el-menu-item的index值相同才行，你看看是不是这两个值不一样

Answer 3

导航组件没开启导航模式

Answer 4

UI是element ui？如果是，菜单的default-active指定为test1/person`，则菜单会自动展开选中你下图的样子，你在公共地方为default-active`定义方法大概如下(主要是返回你route)

return `/${this.$route.path.replace('/','')}`;

Answer 5

default-active 前面加上冒号，index前面不用加

Answer 6

你子路由里面的路径加了'/'，子路由被判断成了根路径