左侧导航动态生成

This commit is contained in:
LiYang 2016-08-14 16:24:21 +08:00
parent 44456363fb
commit a9099b80a4

View File

@ -1,13 +1,12 @@
<template> <template>
<div id="left-nav"> <div id="left-nav">
<ul class="list-group"> <ul class="list-group">
<li class="list-group-header">name</li> <template v-for="item in adminNav">
<li class="list-group-item" v-link-active> <li class="list-group-header">{{ $t(item.groupName) }}</li>
<a v-link="{path: '/user'}">{{ $t("nav.userManagement") }}</a> <li class="list-group-item" v-link-active v-for="child in item.children">
</li> <a v-link="{path: child.link}">{{ $t(child.name) }}</a>
<li class="list-group-item" v-link-active> </li>
<a v-link="{path: '/announcement'}">{{ $t("nav.announcementManagement") }}</a> </template>
</li>
</ul> </ul>
</div> </div>
</template> </template>
@ -15,7 +14,21 @@
export default { export default {
data() { data() {
return { return {
adminNav: [{}, {}] adminNav: [
{
groupName: "nav.general",
children: [
{name: "nav.userManagement", link: "/user/1"},
{name: "nav.announcementManagement", link: "/announcement/1"}
]
},
{
groupName: "nav.problemManagement",
children: [
{name: "nav.createProblem", link: "/problem/create"},
{name: "problem.problemList", link: "/problem/1"}]
}
]
} }
} }
} }