收藏
回答

recycle-view组件渲染出很多空数据?

我把整个页面用recycle-view包裹class="tow_column"是要渲染的列表,列表是两列的结构;

为什么上面渲染出很多空数据,下面有很多空的占位

<recycle-view batch="{{batchSetRecycleData}}" id="recycleId" enable-back-to-top catchscroll="onScroll">
  <view slot="before" style="margin-top: {{screenTop + 1}}vh;">
    //slot="before" 内容
  </view>
  <view class="tow_column">
    <recycle-item class="recycle-item" wx:for="{{recycleList}}" wx:key="item">
      
    </recycle-item>
  </view>
  <view slot="after"></view>
</recycle-view>


class="tow_column"

.tow_column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30rpx 30rpx;
    align-items: center;
    justify-items: center;
    padding: 0 40rpx;
}
回答关注问题邀请回答
收藏

2 个回答

  • Demons
    Demons
    2022-07-25

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-07-25
    有用
    回复
  • Qiu (吉²)
    Qiu (吉²)
    2022-07-25

    已解决,是我的小程序里面有几个页面用到了recycle-view 组件,当时没有修改对应 recycle-view 的 id。针对页面修改了ID后就正常了。

    2022-07-25
    有用
    回复
登录 后发表内容