在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  Linux  HTML/ vue如何實(shí)現(xiàn)導(dǎo)航高亮？

vue如何實(shí)現(xiàn)導(dǎo)航高亮？

clipboard.png

如圖所示，跳到一個(gè)組件時(shí)，對(duì)應(yīng)的左側(cè)導(dǎo)航會(huì)變成紅色。
控制高亮的class如下：

.active{
    backgournd-color:yellow;
}

該怎么實(shí)現(xiàn)啊 完全沒(méi)思路~~~

回答
編輯回答
孤慣

vue-router可以設(shè)置activeClass, linkActiveClass配置

2017年3月9日 21:36
編輯回答
孤影

vuex , 全局一個(gè) currentNav

2018年4月25日 15:33
編輯回答
離人歸

官方文檔有，很簡(jiǎn)單，activeClass

2017年2月11日 09:50
編輯回答
浪蕩不羈

獲取導(dǎo)航的索引，存起來(lái)，根據(jù)索引判斷是不是當(dāng)前導(dǎo)航，是的話，加上你的class

2017年11月17日 01:29