解决element-ui el-menu导航栏刷新后路由没有高亮
2020-05-19 本文已影响0人
Peter_2B
问题: 刷新浏览器,则导航会跳转到默认的选中项,而不是我们离开时的导航
解决: 利用 el-menu 的router属性, 和 :default-active="$route.name" 获取课堂指标,课堂指标详情相同的路由name来匹配高亮显示
效果: 课堂指标详情页刷新后,左侧导航栏依然高亮显示
![](https://img.haomeiwen.com/i20409039/d01d3e789a58bcbc.png)
![](https://img.haomeiwen.com/i20409039/b541dbb2b0848dc1.png)
![](https://img.haomeiwen.com/i20409039/d8db995fd934865c.png)
![](https://img.haomeiwen.com/i20409039/4d1ade2801ed964c.png)
问题: 刷新浏览器,则导航会跳转到默认的选中项,而不是我们离开时的导航
解决: 利用 el-menu 的router属性, 和 :default-active="$route.name" 获取课堂指标,课堂指标详情相同的路由name来匹配高亮显示
效果: 课堂指标详情页刷新后,左侧导航栏依然高亮显示