Vue element ui中的el-menu设置跳转其他页面后选中项仍高亮

        vue不是很熟悉，算是初学者，如果写的不对或者有更好的方式，欢迎指导，我只是作为自己的记录才写在这里。       

        导航栏点击某一项之后页面跳转，选中项是选中状态的，如果点击当前页面上某个操作（非导航栏）跳转到另一个页面时，之前的选中项就不是选中状态了，我仍想使它保持选中状态，该怎么做呢。举个栗子，比如点击导航栏的“实验成绩”时，显示了实验成绩界面，我点击了实验成绩界面的“成绩”操作，跳转到了成绩页面上，导航栏的“实验成绩”就不是选中状态了，这里该怎么处理呢？

代码：导航栏的代码那里添加<el-menu  :default-active="getActive"，然后实现getActive

getActive:function(){
        if(this.$route.path === '../components/Grade/UserGrade')
          return '/GradeManagement';
        else
          return this.$route.path;
      },

if一行表示当我跳转到了成绩时，返回要选中的‘/GradeManagement’，else是为了跳转其他页面时，对应导航栏要选中的选项。