解决el-menu基于keep-alive路由跳转初始化设置

问题来源：

vue项目页面设置了keep-alive缓存信息 来回切换路由组件时再次进入当前页面时初始化设置为“批量抓单”这个菜单栏
在activated生命周期已做修改但是页面渲染还是基于上一次缓存信息渲染详见（bug图）

bug图

image.png

源代码

          批量抓单
          抓单记录
        

解决方法:重新渲染

      
          批量抓单
          抓单记录
        

 // 进入当前界面时执行的生命周期
  activated() {
    this.activeIndex = '1' // 路由跳转设置初始值
  },
  // 离开当前界面时
  deactivated() {
    this.activeIndex = undefined // 设置为undefined重新渲染界面
  },