28 lines
615 B
Vue
28 lines
615 B
Vue
<template>
|
|
<el-menu-item :index="menu.path || uniqueId">
|
|
<i v-if="menu.icon" :class="`fa fa-${menu.icon}`"></i>
|
|
<d2-icon-svg v-else-if="menu.iconSvg" :name="menu.iconSvg"/>
|
|
<i v-else class="fa fa-file-o"></i>
|
|
<span slot="title">{{menu.title || '未命名菜单'}}</span>
|
|
</el-menu-item>
|
|
</template>
|
|
|
|
<script>
|
|
import { uniqueId } from 'lodash'
|
|
export default {
|
|
name: 'd2-layout-header-aside-menu-item',
|
|
props: {
|
|
menu: {
|
|
type: Object,
|
|
required: false,
|
|
default: () => {}
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
uniqueId: uniqueId('d2-menu-empty-')
|
|
}
|
|
}
|
|
}
|
|
</script>
|