Vue-路由導(dǎo)航菜單欄的高亮設(shè)置方法
如下所示:
默認情況下,路由的導(dǎo)航菜單,會自動給當(dāng)前菜單添加router-link-exact-active 和router-link-active 類。
我們可以通過 linkActiveClass 來修改 router-link-active 這個類名,
在路由規(guī)則配置中添加配置項linkActiveClass: ‘mui-active',通過'mui-active'來自定義控制菜單欄切換樣式
以上這篇Vue-路由導(dǎo)航菜單欄的高亮設(shè)置方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue 利用指令實現(xiàn)禁止反復(fù)發(fā)送請求的兩種方法
這篇文章主要介紹了Vue 利用指令實現(xiàn)禁止反復(fù)發(fā)送請求的兩種方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
vue 2.5.1 源碼學(xué)習(xí) 之Vue.extend 和 data的合并策略
這篇文章主要介紹了Vue.extend 和 data的合并策略 ,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
基于Vue實現(xiàn)自定義組件的方式引入圖標(biāo)
在vue項目中我們經(jīng)常遇到圖標(biāo),下面這篇文章主要給大家介紹了關(guān)于如何基于Vue實現(xiàn)自定義組件的方式引入圖標(biāo)的相關(guān)資料,文章通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-07-07

