VUE:解决iview菜单栏在刷新后显示的选中项与内容的不同

问题

如图,下图是正常情况

但我刷新后,菜单的子选项重新被选为了默认选项

如下图

解决

原理:我们只需要在页面刚开始加载时,通过不同的标识,直接设置Menu的active-name属性即可.

1.将Menu的active-name属性动态绑定

2.不同标识:这里我们使用路由路径来解决标识问题

这时,比如我们当前路径为/blog/manage,则我们的Menu的active-name属性也就是/blog/manage

3.我们现在只需要将MenuItem的name属性改为与active相同的标识即可