Vue實現active點擊切換樣式

需求：

點擊誰就讓誰下面加一個border並且字體變白色

方法：

1.在Router路由添加一個屬性linkExactActiveClass: 'active',active是可以更改的。這個屬性是精確匹配當前的路由

效果：

2.在Router路由添加一個屬性router-link-active：'active',active是可以更改的。這個屬性研究的不是很透徹，有大佬可以指點一下，這個屬性不會精確匹配，不管你點擊那個路由，首頁的樣式都存在

效果：

問題：當有子菜單的時候這兩個屬性就解決不了（太菜了，這兩個屬性也不清楚怎麼弄，大佬可以私信我指點一二）

解決方案：

我的解決方案就是判斷當前的路由，然後添加樣式

效果：

 

希望能爲大家解決一點問題。也希望大家如果覺得那裏不好，可以評論或者私信我。我希望能和大家一起學習，交流。