no message

Former-commit-id: eed58007b7d833bf631c2d41995f674c684ef88f
Former-commit-id: 9595475f9795c91774d8e51239dea5ad191bfd29
Former-commit-id: 19eae36217dbae6d66c10124040d7011b70ea2b0
This commit is contained in:
liyang 2018-06-04 13:14:12 +08:00
parent d6391eb98b
commit 04b9365fb1
4 changed files with 35 additions and 11 deletions

View File

@ -87,7 +87,8 @@ function sideBarComponents (title) {
'icon-select',
'icon-svg',
'icon',
'markdown'
'markdown',
'locally-valid'
]
}
]

View File

@ -0,0 +1,9 @@
# 局部组件
局部组件是指在某个组件内注册的组件,它一般只在一个地方用到,全局无法访问
## dd-menu
::: tip 出现位置
src/components/core/MainLayout/components/SideMenu/index.vue
:::

View File

@ -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,

View File

@ -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'
}
]
}
]
}