站长资讯网
最全最丰富的资讯网站

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

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

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

本文操作环境: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培训

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号