<el-menu
background-color="#FFFFFF"
text-color="#4B4B4B"
active-text-color="#3583ED" //当前激活菜单的文字颜色
unique-opened //是否只保持一个子菜单的展开
:default-openeds="openeds" //当前打开的 sub-menu 的 index 的数组 类型:Array
:default-active="$route.name"//当前激活菜单的 index (二级菜单的index) 类型 (重):string 效果:二级菜单标题刷新后依旧高亮
>
<!-- 一级菜单 -->
<el-submenu index="1">
<template slot="title">
<span class="headline">导航一</span>
</template>
<!-- 二级菜单 -->
<el-menu-item
index="homePage"
@click="$router.push({name:'homePage',query:params})">选项一
</el-menu-item>
</el-submenu>
</el-menu>
<script>
export default {
data(){
return {
params:{},//跳转要传递的参数对象
openeds:['1'],//导航栏展开第一个 (一级菜单的index)
}
},
}
</script>