vue-router 嵌套路由,router-link-active的问题

最近做一个vue的项目,是多级路由组成的项目,

需求是这样的:vue-router 嵌套路由,router-link-active的问题

圈起来这个样式是由路由构造提供的linkActiveClass="active" 的属性做的,就是点击底部导航任一个,就会自动添加active,

vue-router 嵌套路由,router-link-active的问题

底部样式已经成功,但我做二级路由的时候,我再点二级路由导航,发现底部导航样式去掉。

 解决:

vue-router 嵌套路由,router-link-active的问题

路由本来是这样的,只要去二级path属性“/”即可 变成这样

vue-router 嵌套路由,router-link-active的问题

之后再在相应的导航页面再设置 active的样式,