router-link-active的作用


 

 如上圖所示,創建了3個路由跳轉選項,css實現后的效果如下 ↓↓↓

 

 當我切換“電影” “影院” “我的” 三個路由選項時,文字由黑色變成紅色

此時可用vue自帶的 router-link-active 實現切換變色

----------------------------------------------------------------------------------------- 

同樣的,在二級路由切換時,也可實現切換變色效果, 比如說,切換 “正在熱映”,“即將上映”兩個按鈕的時候,實現切換變色帶下划線的效果

代碼實現如下:

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM