vue.js で要素の高さを動的に設定する方法

要素の高さを動的に設定する

vue.js メソッド: [<div :style="{width: divWidth, height: divHeight}"></div>data() {//Storing data} 】。

#この記事の動作環境: Windows10 システム、vue.js 2.9、thinkpad t480 コンピューター。

早速、次のコードに直接進みましょう:

vue code:

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

data data:

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

createdメソッドの割り当て

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

推奨される学習:

php トレーニング #

以上がvue.js で要素の高さを動的に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。