vue.js動態(tài)設(shè)置元素高度的方法：【<div :style="{width: divWidth, height: divHeight}"></div>data() {//存放數(shù)據(jù)}】。

本文操作環(huán)境：windows10系統(tǒng)、vue.js 2.9、thinkpad t480電腦。

話不都說，直接上代碼：

vue代碼：

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

data數(shù)據(jù)：

data() {     //這里存放數(shù)據(jù)     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 },

推薦學(xué)習(xí)：php培訓(xùn)