网上解决这个问题的方法都非常麻烦,比如加很多很多高度100%,而有些人又没法复现这种成功。
在这里分享一个新属性给大家试试,非常有效
height:100vh
vh就是当前屏幕可见高度的1%,也就是说 height:100vh == height:100%;
但是当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0,
https://blog.csdn.net/qq_16687863/article/details/100516013
但是设置height:100vh,该元素会被撑开屏幕高度一致。
没有此属性的情况下,el-menu占位非常丑
只需要直接给el-menu这个组件添加class样式,里面写上height:100vh即可完成这个效果
.left-menu{
height: 100vh;
}