微信小程序：boundingClientRect获取节点Frame再布局

Posted 2021-10-03 wuwuFQ

有些布局需要等待某些布局完成后再布局

.
.
.

wxml

某个view视图需要知道"week_top_view"视图的大小再布局

 <view class="week_top_view"> ... </view>

js

'.week_top_view'就是你要查询的节点view的class

  // 获取view宽度
  getWeekViewWidth() {
    var that = this;
    //创建查询器
    var query = wx.createSelectorQuery();
    query
      .select('.week_top_view')
      .boundingClientRect((rect) => {
        console.log('rect:' + rect);
        //...这里拿到rect，去写你自己的逻辑就可以了
      }).exec()
  },