elementui侧边栏菜单刷新后不被选中、不高亮的问题

在sidebar.vue文件里，
一、elmenu组件中设置default-active：

<el-menu
      :show-timeout="200"
      :default-active="activerouter" //重点
      :collapse="isCollapse"
      :default-openeds="openeds"
      background-color="#FFFFFF"
      text-color="#000000"
      active-text-color="#000000"
    >

二、在data里声明

data() {
    return {
      activerouter: '',
      }
   }

三、在mounted里获取路由

this.activerouter = this.$route.path;

四、被选中时的样式

<style lang="scss">
.router-link-active {
  font-weight: bold;
}
.router-link-exact-active {
  font-weight: bold;
}
</style

这样，页面刷新后也是被选中状态啦