Vue / Element-ui ajusta dinámicamente la altura de la barra de menú izquierda

Ajuste dinámicamente la altura de la barra de menú izquierda a la altura del cuerpo completo, solo como referencia

<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";
  }
};

 

Supongo que te gusta

Origin blog.csdn.net/SmartJunTao/article/details/108216851
Recomendado
Clasificación