微信小程序获取组件(类)的高度。
let query = wx.createSelectorQuery();
query.select('.zujian').boundingClientRect(r=>{
let height = r.height;
console.log(height);
}).exec();
注:这里获取的是以px为单位的。
若要获取rpx,则需转换
px转换为rpx的思路:
高度rpx = 获取的高度px * (750 / 获取的宽度px)
即获取以rpx为单位的高度:
let query = wx.createSelectorQuery();
query.select('.zujian').boundingClientRect(r=>{
let clientHeight = r.height;
let clientWidth = r.width;
let ratio = 750 / clientWidth;
let height = clientHeight * ratio;
console.log(height);
}).exec();
最好给它加上定时器,防止获取到的是页面还没渲染完成的组件高度
onReady () {
setTimeout(() => {
let query = wx.createSelectorQuery();
query.select('.zujian').boundingClientRect(r=>{
let height = r.height;
console.log(height);
}).exec();
}, 300)
}