[seo优化公关公司]微信小程序如何获取元素的高度

　　微信小程序如何获取元素的高度

　　1、获取元素的高度（px单位）：

let query = wx.createSelectorQuery();
query◇☆.select('.content'=▷▼;).boundingClientRect(rect=>◇◇;{
 let height = rect.height▲◇■▲;
 console•☆▼.log(height);
}).exec()◁▷■△;

　　2、获取元素的高度（rpx单位）○☆□☆，[怀化seo公司就荐久澳]新手必备的微信小程序开发指南，使用宽高比换算获得：（以下的750是该元素的宽度，单位是rpx的）

let query = wx.createSelectorQuery();
query.select('▷◆◇■;.content').boundingClientRect(rect=>○◆▽□;{
 let clientHeight = rect.height;
 let clientWidth = rect•◁.width;
 let ratio = 750 / clientWidth;
 let height = clientHeight * ratio;
 console.log(height)◇•;
}).exec();

　　3○•▲•、在页面渲染完成OnReady回调●★•，获取元素高度时，如果不加定时器，获取的元素的高度还是没渲染完异步数据前的高度。故需要加定时器

onReady () {
 setTimeout(() => {
 let query = wx.createSelectorQuery();
 query.select('.content')○★★.boundingClientRect(rect=>▪◆▷;{
 let height = rect.height;
 console.log(height);
 })□▲.exec();
 }▲☆, 300)
}

　　PHP中文网□•，中卫市小程序开发哪家好大量免费小程序开发教程，松滋市小程序开发哪家好欢迎学习★▼！潮州市小程序开发哪家好[seo优化公关公司]

　　以上就是微信小程序如何获取元素的高度的详细内容☆■，更多请关注久澳传媒编程栏目其它相关文章！