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

gyuei

已于 2022-04-12 18:09:24 修改

阅读量4.7k

点赞数

分类专栏：小程序文章标签：前端

于 2020-08-03 18:12:31 首次发布

本文链接：https://blog.csdn.net/gyueh/article/details/107770232

版权

小程序专栏收录该内容

67 篇文章 6 订阅

订阅专栏

wxml部分代码如下：

<view class="bottom" style="top:{{top}}"></view>

js部分代码如下：

 data: {
    top: '',
   },
onReady: function () {
    let query = wx.createSelectorQuery();
    query.select('.bottom').boundingClientRect(rect => {
  	  //获取到元素
      let height = rect.height;
      //给页面赋值
      this.setData({
        top: height + "px"
      })
    }).exec();
  },

注意：
此时得到的元素高度单位为px