小程序：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进行数据的获取。

数据的获取：