微信小程序for循环遍历数组解决办法

最近在做微信小程序项目遇到一个问题，如下：

 

在wxml文件做wx:for循环遍历数组时，数组含八个元素，循环次数却只有五次，从下面代码看

<scroll-view scroll-y='true' style="height: 262rpx;">
    <view class="list">
      <view class="label-1" bindtap="select_Type" data-type="不限">
        <text bindtap="click1">数组长度：{{type3.length}}</text>
      </view>
      <view wx:for="type3" wx:for-index="i"  wx:key="i">
        <view class="label-1" bindtap="select_Type" data-type="{{type3[i].productType}}">
          <text bindtap="click1">{{type3[i].productType}}</text>
        </view>
      </view>
    </view>
</scroll-view>

 

理论上能将数组完全遍历，效果上却执行五次，并没有将数组遍历。

如果大家遇到和我类似的问题，下面教大家如何解决：

wx:for="数组名"改为wx:for="{{数组名.length}}"，就能解决数组无法遍历的问题。例如我的wx:for="type3"改为wx:for=“{{type3.length}}”，看效果 

 

完美解决问题