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

鍍金池/ 問(wèn)答/HTML/ vue如何解決嵌套路由的activeClass問(wèn)題?

vue如何解決嵌套路由的activeClass問(wèn)題?

如下圖

clipboard.png
當(dāng)我點(diǎn)擊“拳皇”的時(shí)候切換到主路由,此時(shí)應(yīng)該還是話題模塊下的,但是話題的activeclass消失

clipboard.png

router配置:

clipboard.png

回答
編輯回答
萌二代

在每級(jí)路由的meta里面定義一個(gè)active,將這一級(jí)路由名字作為標(biāo)記,放進(jìn)active如下:

active:['grandfather'],
active:['grandfather','father'], 
active:['grandfather','father','me'],

然后獲取當(dāng)前路由meta:
const activeArr = this.$route.meta.active

在各級(jí)導(dǎo)航中:
const itemName = 列表中某一項(xiàng)routeName

判斷哪一個(gè)itemName在activeArr里面,點(diǎn)亮那個(gè)itemIndex。
2017年3月3日 00:40
編輯回答
情皺

我目前是用了一個(gè)蠢辦法,沒(méi)用activelink,而是自己寫的檢測(cè)路由信息是否包含父級(jí)路由的地址來(lái)決定是否active

2017年7月28日 06:46