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

最新推荐文章于 2024-08-11 17:33:21 发布

MySunshine07

最新推荐文章于 2024-08-11 17:33:21 发布

阅读量1w

点赞数 2

分类专栏： Vue 文章标签： VUE+ElementUI 白框问题解决方法隐藏左侧菜单栏再展开有白框 vue collapse

本文链接：https://blog.csdn.net/mysunshine07/article/details/88013329

版权

Vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

在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">