wx:for循环json数组子标签绑定父数据

先来看一组数据

list: [{
          fid: 1,
          child: [{
                id: 11,
                value: '张三'
          }, {
                id: 12,
                value: '李四'
          }, {
                id: 13,
                value: '王五'
          }]
        }, {
          fid: 2,
          child: [{
                id: 21,
                value: '赵六'
          }, {
                id: 22,
                value: '钱七'
          }, {
                id: 23,
                value: '孙九'
          }]
 }]

有时我们需要拿到拿到child的id以及他所对应的fid来处理后续操作

使用wx:for-index
wx:for-index它是指向当前元素的下标名,并且可以传递给子标签
用法:
wx:for-index='变量名'
获取该下标:data-xxx='{{变量名}}'

<view wx:for='{{list}}'  wx:for-index='bindex'  wx:key='{{index}}'  >
    <view wx:for='{{item.child}}'  data-bindex='{{bindex}}'  data-id='{{item.id}}'   wx:key='{{index}}'  >
        {{item.value}}
    </view>
</view>

渲染效果

渲染效果
由此可见data-bindex已经拿到了child对应的fid的下标,再去取fid的值就可以了,我们修改下原来的代码

<view wx:for='{{list}}'  wx:for-index='bindex'  wx:key='{{index}}'  >
    <view wx:for='{{item.child}}'  data-fid='{{list[bindex].fid}}'  data-id='{{item.id}}'   wx:key='{{index}}'  >
        {{item.value}}
    </view>
</view>

渲染效果

好啦,完事了~~~

image