1. 程式人生 > >linkActiveClass 和 linkExactActiveClass 這倆啥區別以及exact的作用

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就脫離了模糊匹配,用的是精準匹配