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

el-container 实践上的布局问题

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

el-container 实践上的布局问题

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

el-container 实践上的布局问题

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

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

 

完善答案如图:

el-container 实践上的布局问题

 

 

 

 

相关文章:

  • 2021-05-11
  • 2021-11-08
  • 2022-12-23
  • 2022-12-23
  • 2021-11-10
  • 2022-12-23
  • 2021-12-18
猜你喜欢
  • 2022-01-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-29
  • 2021-11-16
  • 2022-12-23
相关资源
相似解决方案