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

el-container 实践上的布局问题

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

el-container 实践上的布局问题

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

el-container 实践上的布局问题

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

答案在这里el-container 实践上的布局问题

 

完善答案如图:

el-container 实践上的布局问题

 

 

 

 

相关文章: