当自己利用element-ui上面的例子来实现整体布局的时候,

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

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

后来发现是这个问题,当你拆开后,el-container容器不知道子元素中是否有 el-header 或 el-footer,

答案在这里

 

完善答案如图:

 

 

 

 

我不怕万人阻挡,只怕自己投降!