001微信小程序wx:for和wx:for-item的正确用法

在开发中，我们经常会遇到展示列表数据的需求，在小程序中需要使用标签 wx:for / wx:for-index / wx:for-item 来实现相关功能，

        wx:for="{{textData}}" ： 定义循环，数组名称为 textData

        wx:for-index="textDataIndex" ： 定义索引值的名称 textDataIndex

        wx:for-item="textDataItem" ： 定义索引值对应项名称 textDataItem

AAA解释说明：一维数组的用法

<block></block>  相当于一个包裹层   里面是要循环的数据信息

textData : [

     {name: "111"},

     {name: "222"},

     {name: "333"},

]

<block  wx:for="{{textData }}"  wx:for-item="items" >                                

     {{index}} {{items.name}}                                                            

</block>                                                                                        

wx:for="{{textData }}"用来循环数组，而list即为数组名；

wx:for-item="items"   相当于起的别名

 

 

BBB解释说明：二维数组的用法

<block></block>  相当于一个包裹层   里面是要循环的数据信息

textData : [

     {name: "111",age: 18},

     {name: "222",age: 28},

     {name: "333",age: 38},

]

<block  wx:for="{{textData }}"  wx:for-item="items" >             

   {{index}} {{items.name}}

   {{index}} {{items.age}}

</block>

wx:for="{{textData }}"用来循环数组，而list即为数组名；

wx:for-item="items"   相当于起的别名