Vue / Element-ui ajusta dinamicamente a altura da barra de menu esquerda

Ajuste dinamicamente a altura da barra de menu esquerda para a altura de corpo inteiro, apenas para referência

<el-container :style="containerHeight">
      <el-scrollbar>
            <el-aside style="width:200px;">
                ....
            </el-aside>
      </el-scrollbar>
</el-container>

 

export default {
  data() {
    return {
      containerHeight: {
        height: ""
      }
    };
  },
  created() {
    //动态调整左侧菜单栏高度
    var docHeight = document.documentElement.clientHeight;
    this.containerHeight.height = docHeight - 20 + "px";
  }
};