已解決430363個問題，去搜搜看，總會有你想問的

vue + elementUi 導航組件，在進入子路由時怎樣保持導航的激活狀態？

首頁猿問 vue + elementUi...

JavaScript

郎朗坤 2018-12-19 18:14:25

目前的效果是，點擊導航跳轉到另一個頁面然后刷新可以保持激活狀態。但是無法實現各自的子頁面也保持導航的激活。不知道有什么方法，可以監聽路由的變化，實現子路由也能配備到它父級的路由并且給導航加上激活狀態。在element ui的文檔中找不到可以實現的辦法，希望各位大佬可以指點迷津！

查看完整描述

1 回答

HUWWW

TA貢獻1874條經驗獲得超12個贊

beforeUpdate:function(){

return{

activeIndex:this.$route.matched[1].path

}

這是個比較明顯的錯誤，改成

beforeUpdate:function(){

this.activeIndex = this.$route.matched[1].path

}

沒看到你代碼里哪兒用到了這個變量，猜想你可能是用activeIndex來控制父菜單的激活狀態，因為賦值操作不對所以在beforeUpdate的時候沒有被改變，引起了你所說的問題吧。

反對回復 2019-01-07

關注

舉報

0/150

提交

取消