刷新時也讓菜單在此高亮(停留)
寫一個方法,渲染完成後執行這個方法
<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>