微信小程序獲取元素高度的方法

這篇文章給大家分享的是有關微信小程序獲取元素高度的方法的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

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

1、獲取元素的高度（px單位）：

let query = wx.createSelectorQuery();
query.select('.content').boundingClientRect(rect=>{
  let height = rect.height;
  console.log(height);
}).exec();

2、獲取元素的高度（rpx單位），使用寬高比換算獲得：（以下的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)
}

感謝各位的閱讀！關于微信小程序獲取元素高度的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！