在methods里的collapse 函数里增加监测左边导航栏offsetWidth值为0则修改,如下所示:

//折叠导航栏
  collapse:function(){
    this.collapsed=!this.collapsed;
    var menuWidth = document.getElementById('menuClass');
    if(menuWidth.offsetWidth===0){
      menuWidth.style.width = "230px"
    }
  }

记得给元素加上ID值,如下:

    <!--导航菜单-->
        <el-menu :default-active="$route.path" id="menuClass" class="el-menu-vertical-demo" @open="handleopen" @close="handleclose" @select="handleselect"
                 unique-opened router v-show="!collapsed">

 

Logo

前往低代码交流专区

更多推荐