VUE+ElementUI开发后台功能,隐藏左侧菜单栏再展开有白框问题解决方法
在methods里的collapse 函数里增加监测左边导航栏offsetWidth值为0则修改,如下所示://折叠导航栏collapse:function(){this.collapsed=!this.collapsed;var menuWidth = document.getElementById('menuClass');if(menuWidth.o...
·
在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">
更多推荐
已为社区贡献7条内容
所有评论(0)