Element UI導航菜單的高亮問題

當切換到不同的頁面時，要求對應的菜單高亮

 

思路：

靠el-menu的

:default-active="activeMenu" // 激活菜單的高亮顯示

1、使用計算屬性activeMenu獲得當前的路由

2、激活和hover時的樣式

.el-menu-item:focus,
.el-menu-item:hover {}

  .el-submenu__title:hover,

  .el-submenu__title:focus {}

 

　 高亮顯示：

　　

  .el-menu-item.is-active {}