elemen-ui官方网站:http://element.eleme.io/#/zh-CN/component/menu

新手小白利用vue+element-ui尝试搭建后台管理系统,

vue-router + ElementUI实现NavMenu 导航菜单 选中状态的切换

效果是这样的,但是发现点击首页时,黄色选中状态不会切换到首页,

最后发现可以利用$route.path设置默认选中的导航,

而且el-menu-item中的index  就是当前路由的路径,

代码重点如下图:

vue-router + ElementUI实现NavMenu 导航菜单 选中状态的切换

如此设置之后就可以实现导航和页面同时变化了。

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-11-16
  • 2020-03-20
  • 2022-12-23
  • 2021-11-29
  • 2021-07-29
  • 2021-07-19
猜你喜欢
  • 2021-09-21
  • 2021-06-17
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-04
  • 2022-12-23
相关资源
相似解决方案