router-link-active 與 router-link-exact-active 區別


 

 

我的github:swarz,歡迎給老弟我++星星

 

router-link-exact-active 是精確匹配規則,即只有當前點擊router被匹配

 

router-link-active 默認是全包含匹配規則,即path名全包含在當前router path名開頭的router也會被匹配到。

       1. <router-link to='/'>

       2. <router-link to='/a'>

       3. <router-link to='/b'>

       4. <router-link to='/ab'>

       2/3號被選中 1號也會被匹配到router-link-active,4號被選中1號2號兩個也會被匹配到router-link-active。

       可以通過在router添加exact屬性改變為精精確匹配。

 

我遇到兩個router同時匹配class:router-link-active 的情況,而我預期是被點擊的router匹配。查了官方文檔得知

 


免責聲明!

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



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