网上见的最多的方案便是在app.vue里面添加样式:
html,body,#app{
height:100%
}
然后再给.el-container和.el-aside设置样式:
.el-container,.el-aside{
height:100%
}
毫无意外,一点效果都没有。
解决方案:
设置.el-menu的高度为100vh即可解决。
<style lang="less" scoped>
.el-menu{
height:100vh
}
</style>
效果展示,侧边栏高度已完全撑开,占据全屏: