脚本宝典收集整理的这篇文章主要介绍了vue.js如何动态设置元素高度,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
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培训
以上就是vue.js如何动态设置元素高度的详细内容,更多请关注脚本宝典其它相关文章!
以上是脚本宝典为你收集整理的vue.js如何动态设置元素高度全部内容,希望文章能够帮你解决vue.js如何动态设置元素高度所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。