active-class 屬于vue-router的樣式方法，當router-link標簽被點擊時將會應用這個樣式 一、首先，active-class是什么，active-class是vue-router模塊的router-link組件中的屬性，用來做選中樣式的切換；相關可查閱文檔：https://router.vuejs.org/zh-cn/api/router-link.html二、在vue-router中要使用active-class有兩種方法：1、直接在路由js文件中配置linkActiveClassexport default new Router({ linkActiveClass: ‘active’,})2、在router-link中寫入active-class首頁三、最近在項目中出現一個問題，使用第二種方法添加active-class，跳轉到my頁面后，兩個router-link始終都會有選中樣式，代碼如下首頁 我的 四、后來發現是因為 to="/" 引起的，active-class選擇樣式時根據路由中的路徑去匹配，然后顯示， 例如在my頁面中，路由為 ，那么to="/”和to="/my"都可以匹配到，所有都會激活選中樣式五、要解決問題也有兩種方式，都是通過加入一個exact屬性1、直接在路由js文件中配置linkActiveClassexport default new Router({ linkExactActiveClass: ‘active’,})2、在router-link中寫入exact首頁 六、不過我不是用exact這種方法去解決的，我的方法是首頁路由中加入重定向 { path: ‘/’, redirect: ‘/home’ }

?

總結

以上是生活随笔為你收集整理的“约见”面试官系列之常见面试题之第九十六篇之active-class是谁的属性（建议收藏）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。