小程序多层循环嵌套,怎么获取一个连续的index?
发布于 4 年前 作者 xiuyingliang 13046 次浏览 来自 官方Issues

代码:

<block wx:for="{{info.catalog}}" wx:key="{{index}}">
              <view class="wsui-flex wsui-main--between wsui-cross--center lesson-item lesson-bg">
                <view class="flex-grow-1 wsui-elip1 title">{{item}}</view>
                <view class="icon icon-gengduoyouhua"></view>
              </view>
              <block wx:for="{{info.catalog_child[index]}}" wx:key="{{itemm}}" wx:for-item="itemm" wx:for-index="indexx">
                <view class="wsui-flex wsui-main--between wsui-cross--center lesson-item lesson-sec">
                  <view class="flex-grow-1 wsui-elip1 title">{{index}}.{{itemm}}</view>
                </view>
              </block>
            </block>

要求做到如下样式

2 回复

后面的index加上前面数组的长度

首先,你这个数据结构设计的不合理,讲道理这种嵌套循环应该是在父级对象上加个子级对象的字段,这样按索引循环就好,而不是将子级放在父级之外,再通过父级的索引去子级集合里面找对应的子级对象,不知道为什么你的数据机构会这样设计,现在这样解决的话可以添加一个方法,一个变量,每次子级循环调用这个方法,给这个变量加1,返回这个变量就行

回到顶部