el-container布局不正常

按照官方文档直接复制过来，发现head和aside、main、foot在同一行
问题排查
查了下官网的文档，发现这样一项说明


微信截图_20191020111230.png

分析原因是：将head、aside、main、foot封装成了独立组件，封装成组件后，el-container中没有了el-footer和el-header，导致子元素排列方向默认为horizontal
问题解决
在el-container上增加 direction="vertical"属性

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容