解决ElementUI使用了布局容器后,侧边栏高度设置100%却没有撑开高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决ElementUI使用了布局容器后,侧边栏高度设置100%却没有撑开高度相关的知识,希望对你有一定的参考价值。

参考技术A 网上见的最多的方案便是在app.vue里面添加样式:

然后再给.el-container和.el-aside设置样式:

毫无意外,一点效果都没有。

设置.el-menu的高度为100vh即可解决。

效果展示,侧边栏高度已完全撑开,占据全屏:

以上是关于解决ElementUI使用了布局容器后,侧边栏高度设置100%却没有撑开高度的主要内容,如果未能解决你的问题,请参考以下文章

如何让elementui 侧边栏的高度站整个屏幕

elementUI 学习入门之 container 布局容器

Vue+ELementUI主页布局----侧边栏布局(el-aside)

在页脚上重叠的滚动固定侧边栏

css 使侧边栏100%高度的容器

elementUI源码分析-03-container、button、link