no message
Former-commit-id: eed58007b7d833bf631c2d41995f674c684ef88f Former-commit-id: 9595475f9795c91774d8e51239dea5ad191bfd29 Former-commit-id: 19eae36217dbae6d66c10124040d7011b70ea2b0
This commit is contained in:
parent
d6391eb98b
commit
04b9365fb1
|
|
@ -87,7 +87,8 @@ function sideBarComponents (title) {
|
|||
'icon-select',
|
||||
'icon-svg',
|
||||
'icon',
|
||||
'markdown'
|
||||
'markdown',
|
||||
'locally-valid'
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
# 局部组件
|
||||
|
||||
局部组件是指在某个组件内注册的组件,它一般只在一个地方用到,全局无法访问
|
||||
|
||||
## dd-menu
|
||||
|
||||
::: tip 出现位置
|
||||
src/components/core/MainLayout/components/SideMenu/index.vue
|
||||
:::
|
||||
|
|
@ -1,25 +1,24 @@
|
|||
<template>
|
||||
<div>
|
||||
<!-- 没有子元素 -->
|
||||
<el-menu-item v-if="menu.children === undefined" :index="menu.path">
|
||||
<i :class="`fa fa-${menu.icon}`"></i>
|
||||
<span slot="title">{{menu.title}}</span>
|
||||
</el-menu-item>
|
||||
<el-submenu v-else index="1">
|
||||
<!-- 有子元素 -->
|
||||
<el-submenu v-else :index="menu.path">
|
||||
<template slot="title">
|
||||
<i :class="`fa fa-${menu.icon}`"></i>
|
||||
<span slot="title">{{menu.title}}</span>
|
||||
</template>
|
||||
<el-menu-item :index="menu.path">
|
||||
<i :class="`fa fa-${menu.icon}`"></i>
|
||||
<span slot="title">{{menu.title}}</span>
|
||||
</el-menu-item>
|
||||
<dd-menus v-for="(child, childIndex) in menu.children" :menu="child" :key="childIndex"/>
|
||||
</el-submenu>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'menus',
|
||||
name: 'dd-menus',
|
||||
props: {
|
||||
menu: {
|
||||
require: false,
|
||||
|
|
|
|||
|
|
@ -4,9 +4,7 @@
|
|||
:collapse="collapse"
|
||||
:unique-opened="true"
|
||||
:router="true">
|
||||
<template v-for="(menu, menuIndex) in menus">
|
||||
<dd-menus :menu="menu" :key="menuIndex"/>
|
||||
</template>
|
||||
<dd-menus v-for="(menu, menuIndex) in menus" :menu="menu" :key="menuIndex"/>
|
||||
</el-menu>
|
||||
<!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
|
||||
没有菜单
|
||||
|
|
@ -40,9 +38,26 @@ export default {
|
|||
icon: 'plus',
|
||||
children: [
|
||||
{
|
||||
path: '/a',
|
||||
path: '/c-1',
|
||||
title: 'menu-a',
|
||||
icon: 'plus'
|
||||
},
|
||||
{
|
||||
path: '/c',
|
||||
title: 'menu-a',
|
||||
icon: 'plus',
|
||||
children: [
|
||||
{
|
||||
path: '/d',
|
||||
title: 'menu-a',
|
||||
icon: 'plus'
|
||||
},
|
||||
{
|
||||
path: '/d',
|
||||
title: 'menu-a',
|
||||
icon: 'plus'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue