七、适合小白的小程序之循环列表——wx:for
老规矩,先上代码。详情参考官方介绍:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/list.html
<view wx:for="{{assetArr}}" wx:key="assetData" wx:for-index="index" class=\'same_assets\'> <image src=\'{{item.img}}\'></image> <view> <text>{{item.fundName}}</text> <input type=\'text\' value=\'{{item.fundAmount}}\' disabled=\'disabled\'></input> </view> <button bindtap=\'withdraw\' wx:if="{{index == 0}}">提现</button> <button bindtap=\'chakan\' wx:else>查看</button> </view>
assetArr:数组对象集合。例如:[ {id: \’001\’,name: \’张三\’} ]
wx:for-item
可以指定数组当前元素的变量名,
wx:for-index
可以指定数组当前下标的变量名.
如不提供 wx:key
,会报一个 warning
, 如果明确知道该列表是静态,或者不必关注其顺序,可以选择忽略。