第一步:给标签加上这个属性
<el-menu class="el-menu-vertical" :default-openeds="openeds">
:defaultOpeneds=[‘…’] 属性内容和下面的 里面的index内容是关联的,需要一样。
第二步:在data里定义openeds
data () {
return {
openeds: ['1'],
uniqueOpened: false
}
}
openeds是一个数组(当前打开的sub-menu的 index数组)
具体示例
<el-menu default-active="2" class="el-menu-vertical-demo" :collapse-transition="true"
unique-opened :collapse="false" :router="true" :default-openeds="opends"
background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
<el-submenu index="1" >
<template slot="title">
<i class="el-icon-location"></i>
<span>权限管理</span>
</template>
<el-menu-item index="/blog/sys/user/userList">
<i class="el-icon-menu"></i>
<span slot="title">用户管理</span>
</el-menu-item>
<el-menu-item index="1-2">
<i class="el-icon-menu"></i>
<span slot="title">角色管理</span>
</el-menu-item>
<el-menu-item index="1-3">
<i class="el-icon-menu"></i>
<span slot="title">许可管理</span>
</el-menu-item>
</el-submenu>
<el-menu-item index="2">
<i class="el-icon-menu"></i>
<span slot="title">导航二</span>
</el-menu-item>
<el-menu-item index="3" disabled>
<i class="el-icon-document"></i>
<span slot="title">导航三</span>
</el-menu-item>
</el-menu>
效果: