<el-menu :default-active="active_menu_home" :router="true" ref="menu" :unique-opened="true" :class="{'no-active':active_menu_home==''}">
<el-submenu index="findBoom">
<template slot="title">
<i class="iconfont icon-remen"></i>
<span>找爆款</span>
</template>
<el-menu-item-group>
<el-menu-item index="cateBoom" :route="{name:'cateBoom'}">
类目爆款
</el-menu-item>
<el-menu-item index="double9Boom" :route="{name:'double9Boom'}">
9.9特卖爆款
</el-menu-item>
<el-menu-item index="seckillBoom" :route="{name:'seckillBoom'}">
限时秒杀爆款
</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="myShop">
<template slot="title">
<i class="iconfont icon-shop"></i>
<span>我的店铺</span>
</template>
<el-menu-item-group>
<el-menu-item index="shopSituation" :route="{name:'shopSituation'}">
店铺概况
</el-menu-item>
<el-menu-item index="goodsDetailAccounts" :route="{name:'goodsDetailAccounts'}">
商品明细
</el-menu-item>
</el-menu-item-group>
</el-submenu>
</el-menu>
Menu属性
-
default-active 当前激活菜单的 index
-
router 是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转
-
unique-opened 是否只保持一个子菜单的展开
SubMenu属性
Menu-Item属性
-
index 唯一标志
-
route Vue Router 路径对象
$route对象
-
$route.name 当前路径的名字，如果没有使用具名路径，则名字为空
