在用vue-router實現nav導航欄樣式切換時遇到了問題,一開始在實施切換的時候想到了vue方法里的watch監聽路由改變用v-bind:class=“”,可這樣會有一個問題就是在初始化頁面的時候導航沒有帶樣式,需要自己手動點擊一下才能正常切換導航欄的樣式,
解決:<router-link>標簽在頁面中會被解析成一個<a>標簽,在激活的時候a標簽會被添加router-link-active的類名,所以在樣式中給router-link-active的類名寫切換樣式就行了
問題:在給router-link-active添加完樣式后在發現默認路由樣式一直存在。
解決:給router-link添加exact屬性