elementUI container佈局不生效解決辦法

大晚上的查這個查了半個多小時，不行我一定要寫博客把這個坑記錄下。

<el-container direction="vertical">
        <el-header>Header</el-header>
        <el-container>
            <el-aside width="200px">Aside</el-aside>
            <el-main>Main</el-main>
        </el-container>
    </el-container>

在寫項目中，用到了container佈局，我代碼複製的官網，應該是沒有問題的，但是卻沒有出現預期的結果，頁面顯示如下圖

然後看了下高度寬度，我把#app的高設置爲100vh(充滿全屏)

結果頁面還是沒變化，一直在百度搜“ElementUI container佈局不生效”，說的都是這個屬性

實在沒辦法從頭百度，搜索“EclementUI的使用”，看到全局導入和按需導入才明白過來，如果是按需導入，container也是要手動導入的，導入如圖：

導入之後就好了，然後隨便設置一下背景色，高度，大概長這樣

說了這麼多沒有幾句有用的，如果你在使用elementUI中出現此問題，也希望你能檢查下elementui是否導入，組件是否導入這類問題。