Vue路由導航菜單欄高亮實現方法

默認情況下，路由的導航菜單，會自動給當前菜單添加router-link-exact-active 和router-link-active 類。

我們可以通過 linkActiveClass 來修改 router-link-active 這個類名，

在路由規則配置中添加配置項linkActiveClass: ‘mui-active'，通過'mui-active'來自定義控制菜單欄切換樣式

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

推薦閱讀：

vue+Echarts實現點擊高亮（附代碼）

vue請求數據后再渲染dom步驟詳解

vue頁面DOM操作失效如何處理

vue1與vue2獲取dom元素步驟詳解

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com