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培训