Vue路由跳转时导航栏更新

Vue路由跳转时导航栏更新

问题描述

• 在调用函数中跳转路由，但是侧边栏没有更新激活的高亮状态

排查

1. 查看路由跳转后，侧边栏中active_index的session储存正常
2. 由于侧边栏由组件引入，所以其create生命周期函数没有运行
3. 即侧边栏组件刷新状态时发现组件没有刷新

解决方法

• 在create生命周期中创建强制刷新页面

location.reload()

过程

• 再次调用此函数跳转路由，会自动刷新页面，获取session储存中的active_index数据，更新侧边栏的激活索引，完成导航栏的状态更新。