初識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