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进行数据的获取。
数据的获取: