element 布局时出现的坑

根据element官方文档布局后，显示却出现了问题，可能是你我将el-header和el-aside封装成了组件所导致。

官方文档有这个属性，封装组件后， el-container 中没有 el-header 和 el-footer el-container布局分布为水平分布。

给 el-container添加 <el-container direction="vertical">就好了。

<el-container  class="container" direction="vertical">
    <Aside />
    <el-container class="container">
        <v-sidebar></v-sidebar>
        <el-main>
            <transition name="move" mode="out-in">
                <router-view></router-view>
            </transition>
        </el-main>
    </el-container>
</el-container>

如果还未解决欢迎留言，大家一起解决！