VUE+ElementUI开发后台功能,隐藏左侧菜单栏再展开有白框

noodie
  • 12

最近使用VUE+ElementUI开发后台功能,部署跑起来之后发现点击最小化左侧菜单然后再展开就会出现个白框,不知道怎么办,望大神帮忙,不胜感激!

clipboard.png

回复
阅读 9.8k
2 个回答

谢谢1楼回复,问题已解决,根据csdn评论区的大神代码,原理和1楼说的一样。贴代码:

在methods里的collapse 函数里增加监测左边导航栏offsetWidth值为0则修改,因为要获取元素的offsetwidth属性,所以记得给元素加个ID值,我的是lastclass,加完后如下:

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

修改函数如下:

collapse:function(){
                this.collapsed=!this.collapsed;
                var uiwidth = document.getElementById('lastclass');
                if(uiwidth.offsetWidth===0){
                    uiwidth.style.width = "230px"
                }
            },

是你布局的问题,你可以动态控制左侧菜单的宽度。

你知道吗?

宣传栏