如何使用element-ui制作带有固定侧边菜单的固定标题

npm install element-ui --save

yarn add element-ui

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

<template>
  <el-container>
    <el-aside width="200px">
      <!-- 侧边菜单内容 -->
    </el-aside>
    <el-container>
      <el-header>
        <!-- 固定标题内容 -->
      </el-header>
      <el-main>
        <!-- 页面主体内容 -->
      </el-main>
    </el-container>
  </el-container>
</template>

<template>
  <el-container>
    <el-aside width="200px">
      <el-menu default-active="1" class="el-menu-vertical">
        <el-menu-item index="1">菜单项1</el-menu-item>
        <el-menu-item index="2">菜单项2</el-menu-item>
        <el-menu-item index="3">菜单项3</el-menu-item>
      </el-menu>
    </el-aside>
    <el-container>
      <el-header>
        <h1>固定标题</h1>
      </el-header>
      <el-main>
        <!-- 页面主体内容 -->
      </el-main>
    </el-container>
  </el-container>
</template>