vue.js如何動態設定元素高度

vue.js動態設定元素高度的方法：【<div :style="{width: divWidth, height: divHeight}"></div>data() {//存放資料} 】。

本文操作環境：windows10系統、vue.js 2.9、thinkpad t480電腦。

話不都說，直接上程式碼：

vue程式碼：

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

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中文網其他相關文章！