:unique-opened=‘true’ 设置无效果,是因为index属性没有设置
@open="handleOpen"回调下拉框内信息
<el-menu
default-active="2"
class="el-menu-vertical-demo"
:unique-opened='true'
@open="handleOpen"
@close="handleClose">
<el-submenu v-for="item in sidenavMsg" :key='item.id' :index="item.id">
<!-- 一级分类 -->
<template slot="title">
<i :class="item.icon"></i>
<span>{{ item.name }}</span>
</template>
<!-- 二级分类 -->
<el-menu-item v-for="child in item.child" :key='child.id' >
<template slot="title">{{child.name}}</template>
</el-menu-item>
</el-submenu>
</el-menu>
sidenavMsg:[
{
id:'1',
name:'内容管理',
icon:'el-icon-folder',
child:[
{
id:'1-1',
name:'选项1'
},
]
},
{
id:'2',
name:'用户管理',
icon:'el-icon-user-solid',
child:[
{
id:'2-1',
name:'选项1'
},
]
},
{
id:'3',
name:'评论管理',
icon:'el-icon-s-comment',
child:[
{
id:'3-1',
name:'选项1'
},
]
},
{
id:'4',
name:'信息管理',
icon:'el-icon-s-data',
child:[
{
id:'4-1',
name:'选项1'
},
]
},
{
id:'5',
name:'图片管理',
icon:'el-icon-picture',
child:[
{
id:'5-1',
name:'选项1'
},
]
},
{
id:'6',
name:'文章管理',
icon:'el-icon-tickets',
child:[
{
id:'6-1',
name:'选项1'
},
]
},
]//测边栏列表信息
};