|
|
|
@ -1,30 +1,36 @@ |
|
|
|
<template> |
|
|
|
<el-submenu |
|
|
|
v-else |
|
|
|
ref="subMenu" |
|
|
|
:index="resolvePath(item.path)" |
|
|
|
popper-append-to-body |
|
|
|
> |
|
|
|
<template slot="title"> |
|
|
|
<item |
|
|
|
v-if="item.meta" |
|
|
|
:icon="item.meta && item.meta.icon" |
|
|
|
:title="item.meta.title" |
|
|
|
/> |
|
|
|
</template> |
|
|
|
<sidebar-item |
|
|
|
v-for="child in item.children" |
|
|
|
:key="child.path" |
|
|
|
:is-nest="true" |
|
|
|
:item="child" |
|
|
|
:base-path="resolvePath(child.path)" |
|
|
|
class="nest-menu" |
|
|
|
/> |
|
|
|
</el-submenu> |
|
|
|
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> |
|
|
|
<el-menu-item index="1">处理中心</el-menu-item> |
|
|
|
<el-submenu index="2"> |
|
|
|
<template slot="title">我的工作台</template> |
|
|
|
<el-menu-item index="2-1">选项1</el-menu-item> |
|
|
|
<el-menu-item index="2-2">选项2</el-menu-item> |
|
|
|
<el-menu-item index="2-3">选项3</el-menu-item> |
|
|
|
<el-submenu index="2-4"> |
|
|
|
<template slot="title">选项4</template> |
|
|
|
<el-menu-item index="2-4-1">选项1</el-menu-item> |
|
|
|
<el-menu-item index="2-4-2">选项2</el-menu-item> |
|
|
|
<el-menu-item index="2-4-3">选项3</el-menu-item> |
|
|
|
</el-submenu> |
|
|
|
</el-submenu> |
|
|
|
<el-menu-item index="3" disabled>消息中心</el-menu-item> |
|
|
|
<el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item> |
|
|
|
</el-menu> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
name: 'TopMenus' |
|
|
|
name: 'TopMenus', |
|
|
|
data() { |
|
|
|
return { |
|
|
|
activeIndex: '1', |
|
|
|
activeIndex2: '1' |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleSelect(key, keyPath) { |
|
|
|
console.log(key, keyPath) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
