vue 導(dǎo)航內(nèi)容設(shè)置選中狀態(tài)樣式的例子
更新時間：2019年11月01日 17:01:59 作者：Web攻城獅-前端
今天小編就為大家分享一篇vue 導(dǎo)航內(nèi)容設(shè)置選中狀態(tài)樣式的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如圖所示，我們一般需要切換的時候選中導(dǎo)航給個active樣式，
而router-link 標(biāo)簽 在選中的時候 會自動給整個標(biāo)簽添加一個 router-link-active的class
可給router-link 標(biāo)簽里面的span、i標(biāo)簽如下設(shè)置，非常簡單，下面是stylus的寫法，不需要的話也可以寫成平時的css寫法
.router-link-active span i color: red
以上這篇vue 導(dǎo)航內(nèi)容設(shè)置選中狀態(tài)樣式的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了Vue3刷新頁面報錯404的解決方法，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue 通過下拉框組件學(xué)習(xí)vue中的父子通訊
這篇文章主要介紹了vue 通過下拉框組件學(xué)習(xí)vue中的父子通訊的相關(guān)知識,文中涉及到了父組件，子組件的實現(xiàn)代碼，需要的朋友可以參考下2017-12-12
這篇文章主要介紹了Vue中rules的寫法使用小結(jié),本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
今天要講講Vue2.0了。最近將公司App3.0用vue2.0構(gòu)建了一個web版，因為是第一次使用vue，而且一開始使用的時候2.0出來一個月不到，很多坑都是自己去踩的，現(xiàn)在項目要上線了，所以記錄一些過程2017-01-01
今天小編就為大家分享一篇vue獲取form表單的值示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
vue 動態(tài)設(shè)置瀏覽器標(biāo)題的方法詳解
這篇文章主要為大家介紹了vue動態(tài)設(shè)置瀏覽器標(biāo)題的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
在vue項目中,搜索功能是我們經(jīng)常需要使用的一個場景,下面這篇文章主要給大家介紹了關(guān)于Vue關(guān)鍵字搜索功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)聯(lián)動選擇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
使用vue實現(xiàn)grid-layout功能實例代碼
這篇文章主要介紹了使用vue實現(xiàn)grid-layout功能的代碼講解,需要的朋友可以參考下2018-01-01
vue在取對象長度length時候出現(xiàn)undefined的解決
這篇文章主要介紹了vue在取對象長度length時候出現(xiàn)undefined的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06