先来看一组数据
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
