我把整个页面用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;
}
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
已解决,是我的小程序里面有几个页面用到了recycle-view 组件,当时没有修改对应 recycle-view 的 id。针对页面修改了ID后就正常了。