gin-vue-admin 2.0代码重构

This commit is contained in:
QM303176530
2020-04-04 21:39:07 +08:00
parent 5ed41ddd8c
commit 1b9adea284
202 changed files with 1240 additions and 1299 deletions
@@ -0,0 +1,25 @@
<template>
<el-submenu ref="subMenu" :index="routerInfo.name">
<template slot="title">
<i :class="'el-icon-'+routerInfo.meta.icon"></i>
<span slot="title">{{routerInfo.meta.title}}</span>
</template>
<slot></slot>
</el-submenu>
</template>
<script>
export default {
name: 'AsyncSubmenu',
props: {
routerInfo: {
default: function() {
return null
},
type: Object
}
}
}
</script>
<style lang="scss">
</style>
@@ -0,0 +1,39 @@
<template>
<component :is="menuComponent" :routerInfo="routerInfo" v-if="!routerInfo.hidden">
<template v-if="routerInfo.children.length">
<AsideComponent :key="item.name" :routerInfo="item" v-for="item in routerInfo.children" />
</template>
</component>
</template>
<script>
import MenuItem from './menuItem'
import AsyncSubmenu from './asyncSubmenu'
export default {
name: 'AsideComponent',
computed: {
menuComponent() {
if (this.routerInfo.children.length) {
return 'AsyncSubmenu'
} else {
return 'MenuItem'
}
}
},
props: {
routerInfo: {
default: function() {
return null
},
type: Object
}
},
components: {
MenuItem,
AsyncSubmenu
}
}
</script>
<style lang="scss">
</style>
@@ -0,0 +1,22 @@
<template>
<el-menu-item :index="routerInfo.name">
<i :class="'el-icon-'+routerInfo.meta.icon"></i>
<span slot="title">{{routerInfo.meta.title}}</span>
</el-menu-item>
</template>
<script>
export default {
name: 'MenuItem',
props: {
routerInfo: {
default: function() {
return null
},
type: Object
}
}
}
</script>
<style lang="scss">
</style>