微信小程序获取组件大小

Posted 一杯清泉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序获取组件大小相关的知识,希望对你有一定的参考价值。

lifetimes: 
  ready() 
    setTimeout(() => 
      const that = this;
      const query = wx.createSelectorQuery().in(this);
      query.select('#id').boundingClientRect();
      query.exec(function (res) 
        if (res[0]?.width || res[0]?.width > 0) 
          // 组件宽度
          const w = parseInt(res[0].width);
          // 组件高度
          const h = parseInt(res[0].height);
          // 屏幕宽度
          const windowWidth = wx.getSystemInfoSync().windowWidth;
        
      );
    , 200);
  ,

以上是关于微信小程序获取组件大小的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序之自定义日历组件

微信小程序组件及获取用户权限

微信小程序radio组件 - 如何改变默认样式大小?

微信小程序如何将接口获取的数据传递给自定义组件

表单组件怎么竖排显示微信小程序

微信小程序获取自定义组件的节点高度