javascript - vue的activeLink 怎么有两个呢？我只点击一个链接 只应该有一个activeLink吧

Question

Vue新人-。-搞半天搞不定...求助！！~~
就是想做footer下面三个图标，点一个图标那个图标变色，其他图标不变色。
我看到点击后自动会加一个active-link的，就样式写在active-link,但是怎么会同时两个activelink的呢！

Answer 1

'/' 根路由默认匹配所有路由, 要想 '/' 只匹配根路径, 那么改成 <router-link to="/" exact>

Answer 2

可能是在点击一个按钮的时候没有清掉另一个按钮的active-link