小程序
小游戏
企业微信
微信支付
扫描小程序码分享
请问用wx:for列表渲染如何限制一次渲染的个数,比如一共有10个对象,页面完成加载时先渲染5个,等用户触发上拉事件后再渲染后5个对象。
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<
block
wx:for
=
"{{list}}"
>
view
hidden="{{index >= 5 && !showAll}}">
...
</
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
请问楼上,我本来有10条数据,但是手机上显示5条就满屏了,后面几条也没有显示出来是为什么呢???屏幕上拉都没有显示出来,请教一下。
想想办法嘛……
<block wx:
for
<view hidden=
"{{index >= showLimit}}"
</view>
</block>
onReachBottom:
function
() {
var
that =
this
;
.setData({
showLimit: that.data.showLimit + 5
});
}
这样就可以了嘛。
那如果我有20个对象,每次加载5个对象,就实现不了了,只能第一次显示5个对象,然后第二次就直接把所有对象都显示出来了
修改 showAll 这个属性值就可以控制超过 5 的那些对象是否显示。
this.setData({
showAll: true
showAll:
true
但是这个方法好像不能用onReachBottom动态修改他显示的个数啊
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<
block
wx:for
=
"{{list}}"
>
<
view
hidden="{{index >= 5 && !showAll}}">
...
</
view
>
</
block
>
请问楼上,我本来有10条数据,但是手机上显示5条就满屏了,后面几条也没有显示出来是为什么呢???屏幕上拉都没有显示出来,请教一下。
想想办法嘛……
<block wx:
for
=
"{{list}}"
>
<view hidden=
"{{index >= showLimit}}"
>
...
</view>
</block>
onReachBottom:
function
() {
var
that =
this
;
this
.setData({
showLimit: that.data.showLimit + 5
});
}
这样就可以了嘛。
那如果我有20个对象,每次加载5个对象,就实现不了了,只能第一次显示5个对象,然后第二次就直接把所有对象都显示出来了
修改 showAll 这个属性值就可以控制超过 5 的那些对象是否显示。
onReachBottom:
function
() {
this
.setData({
showAll:
true
});
}
但是这个方法好像不能用onReachBottom动态修改他显示的个数啊