七、适合小白的小程序之循环列表——wx:for

时间:2023-01-30 07:31:47

老规矩,先上代码。详情参考官方介绍: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, 如果明确知道该列表是静态,或者不必关注其顺序,可以选择忽略。