在用vue-router实现nav导航栏样式切换时遇到了问题,一开始在实施切换的时候想到了vue方法里的watch监听路由改变用v-bind:class=“”,可这样会有一个问题就是在初始化页面的时候导航没有带样式,需要自己手动点击一下才能正常切换导航栏的样式,
解决:<router-link>标签在页面中会被解析成一个<a>标签,在激活的时候a标签会被添加router-link-active的类名,所以在样式中给router-link-active的类名写切换样式就行了
问题:在给router-link-active添加完样式后在发现默认路由样式一直存在。
解决:给router-link添加exact属性