Element UI导航菜单的高亮问题

时间：2020-09-03 00:08:09 收藏：0 阅读：701

当切换到不同的页面时，要求对应的菜单高亮

思路：

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

原文：https://www.cnblogs.com/hahahakc/p/13605006.html