router-link-active 与 router-link-exact-active 区别

Posted 2021-01-25 mobu

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匹配。查了官方文档得知