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

最新推荐文章于 2024-04-21 18:09:02 发布

weixin_30609331

最新推荐文章于 2024-04-21 18:09:02 发布

阅读量101

点赞数

原文链接：http://www.cnblogs.com/xintao/p/11216997.html

版权

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

转载于:https://www.cnblogs.com/xintao/p/11216997.html