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

wx:for,wx:for-item,wx:for-index

1.定义

通俗来说,

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

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

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

2.用法。

wx:for-item用法。


定义名称,使用时跟对象一样。

 

wx:for-index用法。


上边定义完之后,下面可以通过自定义属性获取该下标,并可通过e.xx进行数据的获取。

数据的获取:

7

注:parseInt(event.currentTarget.dataset.index)方式获取索引一直是NaN,注意这里用的是currentTarget,而不是target

它们的区别:target指向发生事件的组件,currentTarget指向绑定事件的组件
1.currentTarget:绑定的事件当前元素及其子元素都会触发
2.target: 绑定的事件 子元素不会被触发事件