在el-menu組件里有這樣一個屬性剃幌，default-active用來表示當前激活菜單的 index
1晾浴、如果給default-active設置一個默認值牍白，那么刷新頁面時，會出現(xiàn)一個問題狸涌，即路由地址和菜單對應的index是不一致的最岗。
<el-menu
router
default-active="/"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b"
>
image.png
如上圖所示般渡，當前頁面應該是數(shù)據(jù)分析懒豹，路由地址是/analyse驯用，但是刷新頁面之后，菜單欄卻變成了首頁记餐，這是因為default-active默認值設置的是‘/’
2薇正、此時只需要綁定動態(tài)屬性default-active，利用watch來監(jiān)聽路由變化挖腰，并賦值給default-active
綁定屬性
:default-active="currentMenu"
使用watch監(jiān)聽路由變化
watch: {
$route(e) {
this.currentMenu = e.path; // e里面的是當前路由的信息
},
},
