小程序

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

2019-10-16

wx:for = "{{list}}" 用来循环数组

如果是一维数组,实例:

 <view wx:for="{{list}}">

         {{index}} {{item.name}}  

 </view>


以上代码中item即为list的别名。

如果是二维或多维数组:

 

 <view wx:for="{{parentList}}">  

   {{item.id}} 

  <view wx:for="{{item.childList}}"  wx:for-item="items"> 

             {{items.name}}{{item.account}}

        </view> 

 </view>


如果将wx:for = "{{list}}"换成wx:for-items="{{list}}";运行科一看到和wx:for = "{{list}}"一样的结果。但是换成wx:for-item = "{{list}}"则循环不出结果。

所以总结如下:

wx:for等价与wx:for-items是循环数组用的;而wx:for-item则是给列表赋别名用的