vue-router的问题，二级路由，以及路由同时存在产生的问题

Question

当进入一个页面的时候footer上的订单路由激活，是这个样子的

但是当点击二级路由 全部订单，或者带评价时，footer上面的订单背景就去掉了

我想达到的效果就是 当点击全部订单或者待评价的时候，下面的footer订单的背景还是红的 是激活状态，
现在找到的问题就是当点击全部订单之后router-link-active给了二级路由，这里是不是可以吧全部订单或者待评价的二级路由替换掉，但是怎么操作，换成什么就不知道了 ，求大神解惑。

Answer 1

router-link

exact 属性
"是否激活" 默认类名的依据是 inclusive match （全包含匹配）。 举个例子，如果当前的路径是 /a 开头的，那么 <router-link to="/a"> 也会被设置 CSS 类名。

示例

Answer 2

这个可以暴力解决啊，就是不依靠路由，当你点击下面的按钮不管怎样都会变色，绑定一个事件就行了……点击它它就变色，不管它有没有二级路由……
就是退回到没有路由时代，不都是这么解决的嘛

Answer 3

我也遇到这个问题,最后我放弃了用嵌套路由去做,一级路由用路由那套去做,二级的就用动态切换组件去做,这样就可以解决这个问题了.

也就是把'全部订单'跟'待评价'这两个页面写成两个组件.之后引进你的"订单"组件去.之后在"订单"组件的data里设置一个属性:xxx:'全部订单的组件名',之后在"订单"组件的template里用<div :is="xxx"></div>.之后当点击二级导航栏的时候去改变data里的属性XXX的值为"待评价"

Answer 4

我也遇到了同样的问题。怎么解决的？