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