首页 > 其他 > 详细

初识Vue之Vue默认首页router激活一直存在

时间:2017-12-10 22:28:44      阅读:289      评论:0      收藏:0      [点我收藏+]

  在用vue-router实现nav导航栏样式切换时遇到了问题,一开始在实施切换的时候想到了vue方法里的watch监听路由改变用v-bind:class=“”,可这样会有一个问题就是在初始化页面的时候导航没有带样式,需要自己手动点击一下才能正常切换导航栏的样式,

  解决:<router-link>标签在页面中会被解析成一个<a>标签,在激活的时候a标签会被添加router-link-active的类名,所以在样式中给router-link-active的类名写切换样式就行了

      问题:在给router-link-active添加完样式后在发现默认路由样式一直存在。

  解决:给router-link添加exact属性

<router-link to="/" exact>首页</router-link>

初识Vue之Vue默认首页router激活一直存在

原文:http://www.cnblogs.com/wyt666good/p/8018155.html

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