小程序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;
}
阅读 1.9k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题