微信小程序> 小程序:wx:for里面的item,index。以及自定义属性dataxxx的用法(双层循环取下标)。

小程序:wx:for里面的item,index。以及自定义属性dataxxx的用法(双层循环取下标)。

浏览量:5440 时间: 来源:Mast_humor

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

数据的获取:

小程序


版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎