vue后臺管理系左側(cè)這邊欄?
1.這個是獲取左側(cè)邊欄
?<template?v-for='menu?in?menuList'>
????????????<!--{{menu.menuChilds.length}}-->
????????????<!--如果當前有子菜單，則顯示子菜單el-submenu，并調(diào)用遞歸（調(diào)用自身組件）-->
????????????<el-submenu?v-if='menu.menuChilds.length>0'?:index='menu.menuurl'?:key="menu.menuid"?>
????????????????<template?slot="title">
????????????????????<i?v-if="menu.menulmgclass"?:class="menu.menulmgclass"></i>
????????????????????<span?slot="title">{{?menu.menuname?}}</span>
????????????????</template>
????????????????<!--?調(diào)用自身組件-->
????????????????<MenuTree?:menuList='menu.menuChilds'></MenuTree>
????????????</el-submenu>
????????????<!--如果沒有子菜單，則顯示一級菜單-->
????????????<el-menu-item?v-else?:index='menu.menuurl'?:key='menu.menuid'>
????????????????<i?v-if="menu.menulmgclass"?:class="menu.menulmgclass"></i>
????????????????<span?slot="title">{{?menu.menuname?}}</span>
????????????</el-menu-item>
????????</template>
?export?default{
????????components:?{MenuTree},
????????name:?'MenuTree',
????????data(){
????????????return?{}
????????},
????????props:{
????????????menuList:?{
????????????????type:?Array,
????????????????required:?false
????????????}
????????},
????????methods:{
????????}
????}
2.這個是導(dǎo)入這個組件的
<el-aside>
???<el-menu
????????????????:default-active="$route.path"
????????????????unique-opened="true"
????????????????router
????????????????mode="vertical"
????????????????text-color="rgb(71,71,71)"
????????????????active-text-color="rgb(1,179,163)"
????????????????v-if="menuList"
????????????????background-color="white"
????????????????@open="handleOpen"
????????????????@close="handleClose"
????????????????class="el-menu-vertical-demo?menu">
????????????<!--主頁內(nèi)容-->
????????????<router-link?to='/index'>
????????????????<el-menu-item>
????????????????????<i?class="el-icon-house"></i>
????????????????????<span?slot="title">主頁</span>
????????????????</el-menu-item>
????????????</router-link>
????????????<MenuTree?:menuList="menuList"></MenuTree>
????????</el-menu>
</el-adisde>
