問題說明
在使用element ui 進行佈局時，我將各個部分拆分成單獨的組件，但是出現了佈局混亂問題，看下圖
- 官方示例，拿來直接用的時候的效果：
- 將各個部分拆分成組件後：
我們看到佈局已經亂了，頭部和主體部分已經在一行顯示了。
問題解決
查看element ui 文檔說明，發現下面一個屬性
OK，我們給 el-container 增加這個屬性
<el-container direction="vertical">
<Header />
<Main />
</el-container>
再看佈局，正常顯示
如果文檔幫到你，請點贊呦，謝謝~
原文鏈接：（侵刪）