element ui侧边导航同时只显示一个

: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'
            },
          ]
        },
      ]//测边栏列表信息
    };