千家信息网

vue.js怎么动态设置元素高度

发表于:2025-11-10 作者:千家信息网编辑
千家信息网最后更新 2025年11月10日,这篇文章给大家介绍vue.js怎么动态设置元素高度,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。vue.js动态设置元素高度的方法:【data() {//存放数据}】。本文操作环
千家信息网最后更新 2025年11月10日vue.js怎么动态设置元素高度

这篇文章给大家介绍vue.js怎么动态设置元素高度,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。vue.js动态设置元素高度的方法:【

data() {//存放数据}】。

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

话不都说,直接上代码:

vue代码:

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怎么动态设置元素高度就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

0