Element ui导航栏选中背景色刷新消失的解决方法

<el-menu
        :is-collapse="isCollapse"
        text-color="#fff"
        active-text-color="#fff"
        :default-active="activerouter"
        :router="true"
      >
</el-menu>
 //重点在于:default-active="activerouter"的设置

1.activerouter 挂在data 中
data() {
    return:activerouter;
}

2. mounted() {
  
    this.activerouter =  window.location.pathname
   //正常情况下加上这句话是可以解决的，如果解决不了，继续往下看
  },

3.给menuItem加点击事件，路由地址作为参数
<el-menu-item
            :index="subItem.path"
            class="active_bg"
            :class="{ active_bg: index == activeIndex }"
            @click="selectMenuItem(subItem.path)"
          >
</el-menu-item>

4.把拿到的路由地址保存在本地
selectMenuItem(path) {
      this.activerouter = path
      window.sessionStorage.setItem("activerouter", path);
    },


5.敲黑板注意，这个时候mounted()里面写的就是如下了，就别再用location.pathname啦
mounted() {
    //获取地址栏中的路由，设置elementui中的导航栏选中状态
    this.activerouter =  window.sessionStorage.getItem("activerouter");
    console.log('activerouter',this.activerouter)
  },