左侧导航栏展开的情况下是正常的

但是折叠后,高度就只剩下子菜单的高度了。

那么这个问题怎么解决呢?我们通过浏览器查看css属性发现折叠后有一个.el-menu--collapse,没错,肯定就是他了。我们在浏览器给他添加高度试试。

添加了高度后发现折叠后正常了

然后我们在代码里面加上就OK了
.el-menu--collapse {
height: 100vh;
}

大功告成!
文章描述了一个在左侧导航栏折叠后高度异常的问题,通过浏览器检查发现折叠样式.el-menu--collapse影响了高度。通过给这个样式添加高度属性为100vh,解决了折叠后高度不正确的问题,并在代码中应用该修改,实现了预期效果。
左侧导航栏展开的情况下是正常的

但是折叠后,高度就只剩下子菜单的高度了。

那么这个问题怎么解决呢?我们通过浏览器查看css属性发现折叠后有一个.el-menu--collapse,没错,肯定就是他了。我们在浏览器给他添加高度试试。

添加了高度后发现折叠后正常了

然后我们在代码里面加上就OK了
.el-menu--collapse {
height: 100vh;
}

大功告成!
1890