声明式路由的跳转
<template>
<div>
<Menu :theme="theme2" >
<MenuGroup title="使用">
<MenuItem
v-for="(item,index) in siderMenuData"
:key="index"
:to="item.name"
:name="item.name"
><Icon :type="item.icon" />{
{ item.title }}</MenuItem
>
</MenuGroup>
</Menu>
</div>
</template
<script>
data() {
return {
siderMenuData: [
{
name: "ArticleManage", //此处的name用来路由跳转
icon: "md-document",
title: "文章管理",
},
{
name: "CommentManage",
icon: "md-chatbubbles",
title: "评论管理",
},
{
name: "ReportManage",
icon: "md-heart",
title: "举报管理",