鍍金池/ 問答/HTML/ vue如何解決嵌套路由的activeClass問題？

vue如何解決嵌套路由的activeClass問題？

如下圖

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

clipboard.png

router配置：

clipboard.png

回答
編輯回答
萌二代

在每級路由的meta里面定義一個active,將這一級路由名字作為標(biāo)記，放進active如下：

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

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

在各級導(dǎo)航中：
const itemName = 列表中某一項routeName

判斷哪一個itemName在activeArr里面，點亮那個itemIndex。
2017年3月3日 00:40
編輯回答
情皺

我目前是用了一個蠢辦法，沒用activelink，而是自己寫的檢測路由信息是否包含父級路由的地址來決定是否active

2017年7月28日 06:46