Vue3使用elementUI Plus中的el-container布局容器时不能撑开页面的解决方案

在使用新版elementUI时,可能会出现像这样的情况:

Vue3使用elementUI Plus中的el-container布局容器时不能撑开页面的解决方案_第1张图片

 

 无法达到像官网那样的效果:

Vue3使用elementUI Plus中的el-container布局容器时不能撑开页面的解决方案_第2张图片

 源代码没有问题,我们需要手动配置html的样式:

关于高度的vh单位,这个比   "height: 100%", 要好用的多,并且也具有响应式效果,我自己在平常的样式中也经常使用





才能达到全局效果,然后将自己的组件放到相应的ui里面去即可快速完成网页布局

Vue3使用elementUI Plus中的el-container布局容器时不能撑开页面的解决方案_第3张图片

有什么问题都可以私信我呀!

希望和诸君共勉 !!

你可能感兴趣的:(前端,elementui,javascript,前端)