控制wx:for循环渲染数据 作者：admin 阅读：2062次 场景：只渲染10条数据中的前5条，这里使用 wx:if 和 index 来进行限制，这里实例我们显示前5条（也就是索引小于5）。 ```javascript list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] ``` **未控制显示数量** ```html <block wx:for="{{list}}" wx:key="index"> <view>{{item}}</view> </block> ```  **控制显示数量（前5条）** ```html <block wx:for="{{list}}" wx:key="index" wx:if="{{index<5}}"> <view>{{item}}</view> </block> ```  赞一个 (19) 本站部分文章、数据、素材收集于互联网，一切版权均归源网站或原作者所有！ 如果侵犯了您的权益请来信告知我们删除，邮箱：357234902@qq.com 标签：微信小程序 上一篇:微信小程序模板 template 的使用 下一篇:自定义swiper轮播图面板指示点的样式 微信小程序
![[微信小程序] 页面跳转及参数传递](/static/upload/image/20220417/1650190809205463.jpg)
![[微信小程序] 动态设置页面标题、导航条 navigationBarTitleText](/static/upload/image/20220425/1650891885440588.jpg)
![[微信小程序] 获取地理位置](/static/upload/image/20220424/1650811051649686.jpg)
