vue.js如何动态设置元素高度

vue.js动态设置元素高度的方法：【<p :style="{width: pWidth, height: pHeight}"></p>data() {//存放数据}】。

本文操作环境：windows10系统、vue.js 2.9、thinkpad t480电脑。

话不都说，直接上代码：

vue代码：

<p :style="{width: pWidth, height: pHeight}"></p>

data数据：

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

created方法赋值

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

推荐学习：php培训

以上就是vue.js如何动态设置元素高度的详细内容，更多请关注dnjidi.com其它相关文章！