linkActiveClass 和 linkExactActiveClass 这俩啥区别以及exact的作用

linkActiveClass 是模糊匹配
linkExactActiveClass 是精准匹配
exact也是精准的意思
官网提供的链接: https://jsfiddle.net/8xrk1n9f/
linkActiveClass 和 linkExactActiveClass 区别:
同时可以参考: https://segmentfault.com/q/1010000015943210

  1. 当是模糊匹配时:
i.router-link-active a {
  color: #f66;
}

在这里插入图片描述
当是精准匹配时

i.router-link-exact-active a {
  color: #f66;
}

在这里插入图片描述
可以看出两个有明显的不同

不同之处就是 linkActiveClass 可以把这个包含在这个链接内的都会变色, 但是
linkActiveExactClass 只会精准查找到, 此时可以看出exact跟linkExactActiveClass 的作用是相同的

当用的linkActiveClass时,加上exact就脱离了模糊匹配,用的是精准匹配

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值