码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-23 17:06:35      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:div   use   点击   link   router   outer   导航   图片   vue   

这个是导航栏:

<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路由变化时 改变导航条式样

标签:div   use   点击   link   router   outer   导航   图片   vue   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!