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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。