首页 > 其他 > 详细

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

时间:2018-12-09 15:32:25      阅读:230      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

 

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

原文:https://www.cnblogs.com/mobu/p/10091043.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!