首页 > 其他 > 详细

当vue路由变化时 改变导航条式样

时间:2018-06-23 16:02:09      阅读:268      评论:0      收藏:0      [点我收藏+]

这个是导航栏:

<router-link to="/unusedOrder">
  <div class="">路由1</div>
</router-link>
<router-link to="/usedOrder">
  <span class="">路由2</span>
</router-link>
<router-link to="/advices">
  <span class="">路由3</span>
</router-link>
<router-link to="/evaluate">
  <span class="">路由4</span>
</router-link>
当点击路由的时候,当前元素会生成一个class为:router-link-exact-active router-link-active;
技术分享图片
我们只需要增加router-link-exact-active或router-link-active的样式就行了

当vue路由变化时 改变导航条式样

原文:https://www.cnblogs.com/lan-cheng/p/9217357.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!