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 {}