刷新时也让菜单在此高亮(停留)
写一个方法,渲染完成后执行这个方法
<script>
export default {
data(){
return {
allactive:''
}
},
methods:{
// 获取url地址并截取
getUrl(){
let currentUrl = window.location.href;
this.allactive = currentUrl.split('/homeloanForunitek/')[1];
console.log(this.allactive) //food(一般为当前最后一级路由的名称)
},
},
mounted(){
this.getUrl()
}
}
</script>
在标签上写一个属性index,让其等于当前最后一级路由的名称
<router-link to="food"><el-menu-item index="food">菜单</el-menu-item></router-link>
<router-link to="foodplace"><el-menu-item index="foodplace"> 就餐场所</el-menu-item></router-link>
还需要在标签里写
<el-menu :default-active="allactive">