小程序列表中组件高度获取

动态设置列表中的id

      <view class="content_bg" style="margin-left: 80rpx;" wx:for="{{list}}">
        <text class="conts  {{!item.openContent?'close_content':''}}" id="content{{index}}">{{tools.getNotNullStr(item.content)}}</text>
        <text class="showBtn" wx:if="{{item.contentLine>=3}}" style="color: #2F6BB1;" data-index="{{index}}" catchtap="openContent" hover-stop-propagation='true'>{{item.openContent?"收起":"展开"}}</text>
      </view>

界面加再过之后在获取text高度

    console.log('query before')
    for (let index = 0; index < this.data.list.length; index++) {
      var query = wx.createSelectorQuery();
//动态取出view id
      query.select(`#content${index}`).boundingClientRect()
      query.exec((res) => {
        console.log("height==", res[0].height)
        this.data.list[index].contentLine = res[0].height / 25
        //异步执行所以只能放在这刷新 不能放在for循环外刷新
        this.setData({
          dynamicList: this.data.list
        })
      })
    }
    console.log('query after')
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容