vue路由的active-class和exact-active-class區別


exact-active-class 和 active-class 的區別

router-link 默認情況下的路由是模糊匹配,例如當前路徑是 /article/1 那么也會激活 <router-link to="/article">,所以當設置 exact-active-class 以后,這個 router-link 只有在當前路由被全包含匹配時才會被激活 exact-active-class 中的 class,例如:

<router-link to="/article" active-class="router-active"></router-link>

當用戶訪問 /article/1 時會被激活為:

<a href="#/article" class="router-active" rel="nofollow"></a>

而當使用:

<router-link to="/article" exact-active-class="router-active"></router-link>

當用戶訪問 /article/1 時,不會激活這個 link 的 class:

<a href="#/article" rel="nofollow"></a>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM