首页 > 其他 > 详细

Element UI导航菜单的高亮问题

时间:2020-09-03 00:08:09      阅读:698      评论:0      收藏:0      [点我收藏+]

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

 

思路:

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

 

Element UI导航菜单的高亮问题

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!