鍍金池/ 問答/HTML/ element-ui ，頁面被$router.push("xxx&qu

element-ui ，頁面被$router.push("xxx")跳轉(zhuǎn)后，導(dǎo)航菜單高亮無變化，怎么解決？

導(dǎo)航菜單高亮無變化，怎么解決？
$router.push("xxx")時，我在子組件里用$emit傳遞組件名，然后在導(dǎo)航頁里的回調(diào)里設(shè)置:default-active為組件名。但是只有第一次起作用。以后可以觸發(fā)回調(diào) 但不起作用。導(dǎo)航高亮還沒變。

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
傲寒

你可以

<el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect">
data() {
    return {
        activeIndex: 0
    }
},
methods: {
    handleSelect(index) {
        this.activeIndex = index;
    }
},
watch: {
    $route() {
        this.handleSelect(//要高亮的菜單index)
    }
}
2017年1月8日 18:42