vue+router+element 内部路由跳转时,该如何保证顶部和左侧菜单栏保持高亮

167 阅读1分钟

一、在router的hash模式下

image.png

image.png

  1. 总体配置使用 '/', 单个路由里path为全路径
  2. 整理一下顶部菜单栏左侧菜单栏默认地址
  3. 在meta中配置activePath(顶部菜单栏地址)和 asidePath(左侧菜单栏地址)

image.png

pi-menu 是我封装了el-menu不用管

  1. 设置 首页default-active

image.png

  1. 设置左侧菜单栏default-active

image.png