elementui左側菜單欄刷新后還是原來的狀態

<template>
　　<div id="leftMenuList">
　　　　<el-row>
　　　　　　<el-col :span="24">
　　　　　　　　<el-menu :default-active="currentMenu" active-text-color="#ffd04b" router>
　　　　　　　　　　<el-menu-item index="/homePage">
　　　　　　　　　　　　<i class="el-icon-setting"></i>
　　　　　　　　　　　　<span slot="title">首頁</span>
　　　　　　　　　　</el-menu-item>
　　　　　　　　<el-submenu index="2">
　　　　　　　　　　<template slot="title">
　　　　　　　　　　　　<i class="el-icon-setting"></i>
　　　　　　　　　　　　<span>用戶管理</span>
　　　　　　　　　　</template>
　　　　　　　　　　<el-menu-item index="/memberInformation">用戶信息管理</el-menu-item>
　　　　　　　　　　<el-menu-item index="/memberFund">用戶資金管理</el-menu-item>
　　　　　　　　　　<el-menu-item index="/memberTradeFlow">用戶交易流水</el-menu-item>
　　　　　　　　</el-submenu>
　　　　　　　　<el-menu-item index="/commercialCenter">
　　　　　　　　　　<i class="el-icon-setting"></i>
　　　　　　　　　　<span slot="title">商戶中心</span>
　　　　　　　　</el-menu-item>
　　　　　　</el-menu>
　　　　</el-col>
　　</el-row>
</div>
</template>

<script>
export default {
data () {
return {
currentMenu:'/homePage'
}
},
created(){
this.getUrl();
},
methods:{
getUrl(){
let self = this;
let currentUrl = window.location.href;
self.currentMenu = currentUrl.split('#')[1];
}
}
}
</script>

 

 刷新后用戶資金管理還是這個狀態 高亮顯示字體是藍色的