element ui menu 菜单的设置显示与收起

最近做项目遇到 要使用方法设置menu的展示与收起

  

   <el-menu
        router
        mode="vertical"
        :collapse="showMenu"
        :default-openeds="defaultOpenedsArray"
        :default-active="activeUrl"
        background-color="#304156"
        text-color="#bfcbd9"
        unique-opened
        @select="selectMenu"
        active-text-color="#409EFF">
       
      </el-menu>

 注意 其中

:default-openeds="defaultOpenedsArray"
:default-active="activeUrl"

这两行  其中default-openeds 可以设置收起  defaultOpenedsArray=[];这样就可以收起；default-active="activeUrl" 这个设置展开项； 其值 一般为index  的值   1,2.等   当设置 index 为当前路径时  即设置了router 属性后  该属性为path  比如：'/home'