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

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

时间:2017-12-10 22:49:40      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:实施   监听   nbsp   log   页面   默认   div   初始化   点击   

  在用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激活一直存在

标签:实施   监听   nbsp   log   页面   默认   div   初始化   点击   

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

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