<el-menu
background-color="#545c64"
text-color="#fff"
:unique-opened="true"
active-text-color="#ffd04b"
router
>
<div v-for="(item, index) in list2" :key="index">
<el-submenu
v-if="item.children && item.children.length"
:index="index"
:key="index"
>
<template #title>
<i :class="item.icon"></i>
<span>{{ item.name }}</span>
</template>
<template
v-for="itemChild in item.children"
:key="itemChild.path"
>
<el-menu-item :index="itemChild.path">
<!-- <i :class="item.icon"></i> -->
<span>{{ itemChild.name }}</span>
</el-menu-item>
</template>
</el-submenu>
<el-menu-item v-else :index="item.path" :key="item.path">
<i :class="item.icon"></i>
<span>{{ item.name }}</span>
</el-menu-item>
</div>
</el-menu>
list2: [
{
path: "index",
name: "首页",
icon: "el-icon-house",
},
{
path: "search",
name: "搜索",
icon: "el-icon-search",
},
{
name: "自动资产管控",
icon: "el-icon-copy-document",
children: [
{
path: "means_manage",
name: "资产台账管理",
},
{
path: "means_scan",
name: "资产扫描",
},
],
}
],
import index from '../components/index.vue'
import search from '../components/search.vue'
import means_manage from '../components/means_manage.vue'
import means_scan from '../components/means_scan.vue'
const routes = [
{
path: '/',
redirect: '/index'
},
{
path: '/index',
name: 'index',
component: index
},
{
path: '/search',
name: 'search',
component: search
},
{
path: '/means_manage',
name: 'means_manage',
component: means_manage
},
{
path: '/means_scan',
name: 'means_scan',
component: means_scan
},
]