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


  在用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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM