小程序：wx:for里面的item，index。以及自定义属性data-xxx的用法（双层循环取下标）。

1.定义

通俗来说，

wx:for    这个是正常的循环，没什么可说的。

wx:for-item=‘变量名（随便起的）’   它是指定循环数据当前的变量名，可以通过  {{变量名.属性}} 展示数组的元素。


wx:for-index=‘变量名（随便起）’，它是指向当前元素的下标名，可以在其他事件中定义自定义事件（data-xxx='{{变量名}}'，，该自定义属性可以在参数e下面打印出来）获取该下标。

2.用法。

wx:for-item用法。


<view class='content' wx:for='{{ item.product_list }}' wx:key='index'
wx:for-index="bindex" wx:for-item='product_list'> <view class='content_left'> <
image class='select_img' src=
"{{isSelect?'/img/check_select.png':'/img/check_btn.png'}}" bindtap=
'switchSelect' data-aindex='{{aindex}}' data-bindex='{{bindex}}'></image> <view
class='product_img'> <image src='/img/banner.gif'></image> <text class=
'product_title'>{{ product_list.spac }}</text> </view> </view>定义名称，使用时跟对象一样。

wx:for-index用法。


<view class='content' wx:for='{{ item.product_list }}' wx:key='index'
wx:for-index="bindex" wx:for-item='product_list'> <view class='content_left'> <
image class='select_img' src=
"{{isSelect?'/img/check_select.png':'/img/check_btn.png'}}" bindtap=
'switchSelect' data-aindex='{{aindex}}'                     data-bindex=
'{{bindex}}'></image> 上边定义完之后，下面可以通过自定义属性获取该下标，并可通过e.xx进行数据的获取。
数据的获取：

• « 上一篇：人工智能AI技术如何在视频领域应用落地？
• » 下一篇：日志的艺术（The art of logging）