<!--导航菜单-->
<el-menu :default-active="onRoutes" @select="menuSelect" :unique-opened="true" :router="true" class="el-menu-vertical-demo" :collapse="collapsed">
<template v-for="(item, index) in primaryMenus">
<el-submenu :index="index + ''" v-if="item.children.length>0" :key="index">
<template slot="title">
<i :class="item.iconCls"></i>
<span slot="title">{{ item.name }}</span>
</template>
<el-menu-item :index="child.path" v-for="(child, key) in item.children" :key="key">
<i :class="child.iconCls"></i>
<span slot="title">{{ child.name }}</span>
</el-menu-item>
</el-submenu>
<el-menu-item :index="item.path" v-else-if="item.children.length==0" :key="index">
<i :class="item.iconCls"></i>
<span slot="title">{{ item.name }}</span>
</el-menu-item>
</template>
</el-menu>
export default {
data() {
return {
collapsed: false,//菜单栏折叠&展开
}
},
computed: {
onRoutes() {
return this.$route.meta.parentPath;
}
},
}