VUE+ElementUI开发后台功能,隐藏左侧菜单栏再展开有白框问题解决方法

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

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

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

    
        

 

你可能感兴趣的:(Vue,VUE+ElementUI,白框问题解决方法,隐藏左侧菜单栏再展开有白框,vue,collapse)