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

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

需求是这样的：

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

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

 解决：

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

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