請(qǐng)問用wx:for列表渲染如何限制一次渲染的個(gè)數(shù),比如一共有10個(gè)對(duì)象,頁面完成加載時(shí)先渲染5個(gè),等用戶觸發(fā)上拉事件后再渲染后5個(gè)對(duì)象。
網(wǎng)友回復(fù):
< block wx:for = "{{list}}" > < view hidden="{{index >= 5 && !showAll}}"> ... </ view > </ block > |
但是這個(gè)方法好像不能用onReachBottom動(dòng)態(tài)修改他顯示的個(gè)數(shù)啊
修改 showAll 這個(gè)屬性值就可以控制超過 5 的那些對(duì)象是否顯示。
onReachBottom: function () {
} |
那如果我有20個(gè)對(duì)象,每次加載5個(gè)對(duì)象,就實(shí)現(xiàn)不了了,只能第一次顯示5個(gè)對(duì)象,然后第二次就直接把所有對(duì)象都顯示出來了
想想辦法嘛……
<block wx: for = "{{list}}" > <view hidden= "{{index >= showLimit}}" > ... </view> </block> |
onReachBottom: function () { var that = this ; this .setData({ showLimit: that.data.showLimit + 5 }); } |
這樣就可以了嘛。
剛做出來了哈哈,謝謝了