1. 程式人生 > >當vue路由變化時 改變導航條式樣

當vue路由變化時 改變導航條式樣

order router mage val ont src lin eva img

這個是導航欄:

<router-link to="/unusedOrder">   <div class="">路由1</div> </router-link> <router-link to="/usedOrder">   <span class="">路由2</span> </router-link> <router-link to="/advices">   <span class="">路由3</span> </router-link> <router-link to="/evaluate">   <span class="">路由4</span> </router-link> 當點擊路由的時候,當前元素會生成一個class為:router-link-exact-active router-link-active
;
技術分享圖片 我們只需要增加router-link-exact-active或router-link-active的樣式就行了

當vue路由變化時 改變導航條式樣