vue-router中的router-link的active-class

在vue-router中要使用選中樣式的方法有兩種：

一、直接在路由js文件中配置linkActiveClass

 

二、在router-link中寫入active-class

 

問題：若是就這樣，那麼會出現一個問題，無論跳轉到哪裏，跳轉到根目錄的那個鏈接（to="/"）  始終都會有選中樣式

       

　　爲何會這樣呢？查閱文檔：https://router.vuejs.org/zh-cn/api/router-link.html

知道了，若是隻是添加選中樣式，那麼只要是以to的值開頭的，都會激活選中樣式

to="/" to="/a" to="/b"

　　爲了解決上面的問題，還需加入一個屬性exact,相似也有兩種方式：

　　一、直接在路由js文件中配置linkActiveClass

　　

　　二、在router-link中寫入exact

　　

 

　　

　　好了，看看效果：