<template>
<div class="app-nav-wrap">
<el-menu :default-active="$route.path" class="el-menu-vertical-demo" :router="true" v-if="isAlive" unique-opened='true'>
<h5 @click="toGo" class="togo-title">后台管理系统</h5>
<div v-for="menu in menus" :key="menu.path" >
<el-menu-item :index="menu.path" v-if="!menu.children">
<i class="el-icon-menu"></i>
{{menu.name}}
</el-menu-item>
<el-submenu :index="menu.path" v-if="menu.children">
<template slot="title">
<i class="el-icon-menu"></i>
{{menu.name}}
</template>
<el-menu-item :index="item.path" v-for="item in menu.children" :key="item.path">
<i class="el-icon-location"></i>
{{item.name}}
</el-menu-item>
</el-submenu>
</div>
</el-menu>
</div>
</template>
isAlive:true,
methods: {
getReload(){
this.isAlive=false;
this.$nextTick(function(){
this.isAlive=true;
})
},
toGo(){
this.$router.push({
name:'first'
})
this.getReload()
}
},
实现原理:重新加载节点 不是同一页面也是可以的