这篇文章给大家介绍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
},

关于vue.js怎么动态设置元素高度就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。