javascript - vue的activeLink 怎麼有兩個呢？我只點擊一個連結 只應該有一個activeLink吧

Question

Vue新人-。 -搞半天搞不定...求救！ ！ ~~
就是想做footer下面三個圖標，點一個圖標那個圖標變色，其他圖標不變色。
我看到點擊後自動會加一個active-link的，就樣式寫在active-link,但是怎麼會同時兩個activelink的呢！

#

Answer 1

'/' 根路由預設符合所有路由, 要想 '/' 只符合根路徑, 那麼改成 exact>

Answer 2

可能是在點擊一個按鈕的時候沒有清除另一個按鈕的active-link