Comment définir dynamiquement la hauteur d'un élément dans vue.js

Méthode vue.js pour définir dynamiquement la hauteur de l'élément : [<div :style="{width: divWidth, height: divHeight}"></div>data() {//Storage data}].

L'environnement d'exploitation de cet article : système windows10, vue.js 2.9, ordinateur thinkpad t480.

Plus de mots, allez simplement dans le code :

code vue :

<div :style="{width: divWidth, height: divHeight}"></div>

données :

data() {
    //这里存放数据
    return {
        divHeight:0,
        divWidth:0
    }
},

affectation de méthode créée

created(){
    let divWidth = document.body.clientWidth+"px";
    let divHeight = document.body.clientHeight-130+"px";
    this.divWidth = divWidth
    this.divHeight = divHeight
},

Apprentissage recommandé : formation php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!