微信小程序wx:for循环的数量问题
发布于 5 年前 作者 yangong 11702 次浏览 来自 问答

如何让wx:for循环出的元素内容能够有数量控制


例如数据中一共可以循环出10条内容,但是我只想让他循环出4条,应该怎么处理?有具体例子吗

2 回复

你可以是尝试一下下边的代码:

<view wx:for="{{[0,1, 2, 3, 4, 5, 6, 7, 8, 9]}}" wx:for-index=“i”

wx:for-item="item"

>

   <view wx:if="{{i < 4}}"> //只会显示0,1,2,3这前三条数据

// 这里的wx:if 你可以加上自己的判断哪些显示那些不显示,如你可以使用wx:if="{{item %2 == 0}}" 只显示偶数

      {item}    </view>
  </view>

要看你想要的这4条是指哪样的4条了  是指符合一定规则的还是就是前4条

两种处理方式

一、重新建立一个   数组来存的提取出来的这4条   然后  wx:for这个新数组

二、wx:for  +wx:if    通过if来控制是否显示循环到的数据

回到顶部