功能:切换导航时实现菜单的高亮的激活状态;
思路:点击菜单->获取路由地址->存在session中->刷新页面或切换时将session中的值赋值给el-menu中的default-active属性(当前被激活的index)
代码:
//结构
<el-menu router :default-active="activePath" active-text-color="pink" :collapse="isCollapse" :collapse-transition="false" >
<!-- index的值 只能是字符串形式-->
<el-submenu :index="item.id + ''" v-for="item in menuList" :key="item.id">
<template slot="title">
<i :class="iconsObj[item.id]"></i>
<span>{{item.authName}}</span>
</template>
<el-menu-item :index="'/' + subItem.path" v-for="subItem in item.children" :key="subItem.id" @click="savNavState('/' + subItem.path)">
<template slot="title">
<i class="el-icon-menu"></i>
<span>{{subItem.authName}}{{subItem.path}}</span>
</template>
</el-menu-item>
</el-submenu>
</el-menu>
js部分