51dev.com IT技术开发者社区

51dev.com 技术开发者社区

小程序wx:for循环列表数量的限制

微信小程序互联网报道阅读(34)2019-07-21 收藏0次评论

我们都知道循环一数组要用到wx:for。这种循环会循环出列表的所有数据。
但是很多时候我们并不需要循环所有的数据,或者并不想展示所有的数据。
尤其是在首页上,只需要展示部分的数据,这时候就要用到wx:for下面的index属性;
data-index可以给数据列表进行0-99999的排序,同理我们要展示一部分的数据,就要通过index来限制。
index<3,就是显示序列0,1,2这三条数据。具体写法:
 

<block wx:for='{{studyList}}' wx:key wx:if="{{index<3}}">
</block>

这样就可以实现只循环显示3条数据。

以上就是小程序wx:for循环列表数量的限制的全部内容,请多关注【51DEV】IT技术开发者社区。