vue通过push跳转 怎么添加linkActiveClass来改变点击选中的效果

Question

通过push跳转怎么添加选中样式

Answer 1

router代码贴一下

Answer 2

让nav组件watch ‘$route’ 就可以在路由之后进行操作了

Answer 3

<router-link :to="{ name: 'systemManage'}" class="xxxx" active-class="active">

你到了路径为 ‘systemManage’系统管理的，就会添加 active

Answer 4

<div  :class="{'active':item.router===$route.path}">    
    {{item.word}}
</div>

如果头部的标签是循环出来的话，可以在每个item中加个标识，item.router就是要跳转的路由,假如相等的话就处于激活状态