导航:
利用组件el-menu,利用导航组件,代码如下:
<el-menu background-color="#303746"
text-color="#fff"
active-text-color="#ffd04b"
unique-opened
router :collapse="isCollapse">
<el-submenu :index="item.id + ''"
v-for="item in menuList"
:key='item.id'>
<template slot="title">
<i :class="iconObject[item.id]"></i>
<span>{{item.name}}</span>
</template>
<el-menu-item :index="'/' + subItem.path + ''"
v-for="subItem in item.children"
:key='subItem.id'>
<template slot="title">
<i class="el-icon-location"></i>
<span>{{subItem.name}}</span>
</template>
</el-menu-item>
</el-submenu>
</el-menu>
下图是关于导航的一些属性说明: