el-container 实践上的布局问题

el-container 实践上的布局问题

在上左右布局中出现的一些问题的解决

文章摘自https://www.cnblogs.com/ertingbo/p/8135391.html
el-container 实践上的布局问题
当自己利用element-ui上面的例子来实现整体布局的时候，
https://images2017.cnblogs.com/blog/1064743/201712/1064743-20171228135922131-1342588624.png

就是自己分开成单独的vue组件时，发现布局是不对的，效果是这样的：

https://images2017.cnblogs.com/blog/1064743/201712/1064743-20171228140055647-1153582095.png

代码是这样的，代码一模一样，只是拆开了各个组件，如下图：

https://images2017.cnblogs.com/blog/1064743/201712/1064743-20171228140119553-2093205914.png

后来发现是这个问题，当你拆开后，el-container容器不知道子元素中是否有 el-header 或 el-footer，
https://images2017.cnblogs.com/blog/1064743/201712/1064743-20171228140324444-1178343899.png
答案在这里

完善答案如图:

https://images2017.cnblogs.com/blog/1064743/201712/1064743-20171228140433616-834132958.png

我不怕万人阻挡，只怕自己投降！
分类: element-ui, vue