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-select',
'icon-svg', 'icon-svg',
'icon', '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> <template>
<div> <div>
<!-- 没有子元素 -->
<el-menu-item v-if="menu.children === undefined" :index="menu.path"> <el-menu-item v-if="menu.children === undefined" :index="menu.path">
<i :class="`fa fa-${menu.icon}`"></i> <i :class="`fa fa-${menu.icon}`"></i>
<span slot="title">{{menu.title}}</span> <span slot="title">{{menu.title}}</span>
</el-menu-item> </el-menu-item>
<el-submenu v-else index="1"> <!-- 有子元素 -->
<el-submenu v-else :index="menu.path">
<template slot="title"> <template slot="title">
<i :class="`fa fa-${menu.icon}`"></i> <i :class="`fa fa-${menu.icon}`"></i>
<span slot="title">{{menu.title}}</span> <span slot="title">{{menu.title}}</span>
</template> </template>
<el-menu-item :index="menu.path"> <dd-menus v-for="(child, childIndex) in menu.children" :menu="child" :key="childIndex"/>
<i :class="`fa fa-${menu.icon}`"></i>
<span slot="title">{{menu.title}}</span>
</el-menu-item>
</el-submenu> </el-submenu>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: 'menus', name: 'dd-menus',
props: { props: {
menu: { menu: {
require: false, require: false,

View File

@@ -4,9 +4,7 @@
:collapse="collapse" :collapse="collapse"
:unique-opened="true" :unique-opened="true"
:router="true"> :router="true">
<template v-for="(menu, menuIndex) in menus"> <dd-menus v-for="(menu, menuIndex) in menus" :menu="menu" :key="menuIndex"/>
<dd-menus :menu="menu" :key="menuIndex"/>
</template>
</el-menu> </el-menu>
<!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty"> <!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
没有菜单 没有菜单
@@ -40,9 +38,26 @@ export default {
icon: 'plus', icon: 'plus',
children: [ children: [
{ {
path: '/a', path: '/c-1',
title: 'menu-a', title: 'menu-a',
icon: 'plus' icon: 'plus'
},
{
path: '/c',
title: 'menu-a',
icon: 'plus',
children: [
{
path: '/d',
title: 'menu-a',
icon: 'plus'
},
{
path: '/d',
title: 'menu-a',
icon: 'plus'
}
]
} }
] ]
} }