element-ui el-menu导航点击一项之后进入页面,然后点击页面的按钮路由跳转,导航栏怎么不高亮了?

Question

    {
      path: '/plan',
      name: 'plan',
      component: () => import('./views/plan/Plan.vue')
    },
    {
      path: '/plandetails',
      name: 'plandetails',
      component: () => import('./views/plan/Plandetails.vue')
    }
    

    <el-menu
      :default-active="$route.path"
      router
      class="el-menu-vertical-demo"
      background-color="#58586E"
      text-color="#fff"
      active-text-color="#fff">
      <el-menu-item index="/plan">
        <i class="iconfont icon-jihua" style="font-size: 19px;"></i>
      </el-menu-item>
    </el-menu>
    
    ![图片描述][1]
    ![图片描述][2]
    是这样的,点击侧边栏的计划,路由跳转plan![图片描述][3], plan里面有计划列表,点击计划列表之后跳转到详情页,路由跳转![图片描述][4],之后侧边栏计划那一项就不高亮了![图片描述][5],请问是怎么回事,如何解决??

Answer 1

自问自答,已解决
default-activ绑定计算属性

这样路由跳转到详情页,菜单也会高亮了