no message
Former-commit-id: eed58007b7d833bf631c2d41995f674c684ef88f Former-commit-id: 9595475f9795c91774d8e51239dea5ad191bfd29 Former-commit-id: 19eae36217dbae6d66c10124040d7011b70ea2b0
This commit is contained in:
@@ -87,7 +87,8 @@ function sideBarComponents (title) {
|
|||||||
'icon-select',
|
'icon-select',
|
||||||
'icon-svg',
|
'icon-svg',
|
||||||
'icon',
|
'icon',
|
||||||
'markdown'
|
'markdown',
|
||||||
|
'locally-valid'
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
9
docs/zh/components/locally-valid.md
Normal file
9
docs/zh/components/locally-valid.md
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
# 局部组件
|
||||||
|
|
||||||
|
局部组件是指在某个组件内注册的组件,它一般只在一个地方用到,全局无法访问
|
||||||
|
|
||||||
|
## dd-menu
|
||||||
|
|
||||||
|
::: tip 出现位置
|
||||||
|
src/components/core/MainLayout/components/SideMenu/index.vue
|
||||||
|
:::
|
||||||
@@ -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,
|
||||||
|
|||||||
@@ -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'
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user